Describe the bug
Once the Tooltip is shown for a target with short title, if opened for a target with longer title, its width is not updated properly. The shortest width is persisted. Reproducible in all SASS themes, not reproducible in the LESS themes.
To reproduce
Steps to reproduce the behavior:
- Go to dojo.
- Hover "Korean"
- Hover "Korean short"
- Hover "Korean" again
Expected behavior
The Tooltip should resize properly to fit the title of the element it is shown for.
Screenshots
Affected package (please provide)
- theme-default
- theme-bootstrap
- theme-material
Affected suites (please provide)
- Kendo UI for jQuery
- Kendo UI for Vue
Affected browsers (please provide)
- Firefox: [latest]
- Chrome: [latest]
- Edge version: [latest]
- IE version: [11]
Build system information (please provide)
- OS: [Windows]
Additional context
N/A
I'm submitting a...
- Bug report
Current behavior
When there is a custom cell template applied to a column in the Grid(Native), using the grouping functionality breaks Grid's layout
Expected behavior
The Grid's layout shouldn't be affected if we apply a custom cell template
Minimal reproduction of the problem with instructions
- Open this StackBlitz project
- See that the values in the ProductName column are bolded, but Grid's layout is broken
- Remove the cell template definition on line 54 by removing the cell property.
- Run the project again and see how if we don't apply a cell template, Grid's layout is being displayed correctly
Environment
Package versions:
2019.2.621
Browser:
All
Hi,
I am trying to use a vue single file component as the content of tooltip. I used the template syntax and it does not work. Is there any other way to achieve this?
getContent: function(e) { console.log("getContent"); return { template: Vue.component("Tooltip", Tooltip), templateArgs: Object.assign({}, this.templateArgs, { parentComponent: this.$refs.ddl }) }; }
Please find the sample here. https://codesandbox.io/s/vue-template-5ex7i
Regards,
Nalaka
In Kendo UI Grid for jQuery we have the following:
"editable": {
"createAt": "bottom"
}
How it can be done in Kendo Grid for Vue.JS ?
----------------------------------------------------------------------------------------------------------------------------------
Bug report
In Grid(Wrapper) in UI for Vue, the editable-create-at is not changing Grid's "add new row" behavior when it is set to "bottom".
Reproduction of the problem
- Open this Stackblitz and run it
- Press the "Add new record" button and see that the new record is being added to at the top of the Grid
A workaround that could be applied is to use :editable="{createAt:'bottom'}" instead of :editable-create-at="bottom"
Current behavior
The new rows are being added to the bottom of the Grid with :editable-create-at="bottom"configuration applied.
Expected/desired behavior
When :editable-create-at="bottom" is applied the new records in the Grid should be added to its bottom
Environment
- Kendo UI version: 2019.2.621
- jQuery version: x.y
- Browser: [all]
When using a grid with a selectable column and keyboard navigation enabled, it's not possible to select the last visible row. Instead of selecting the row, the grid just scrolls the item to the center of the grid.
I've attached a gif of the behavior and a sample project based on the grid demos.
Stackblitz example.
The Spreadsheet options are logged in the console in the mounted function. Note that pdf.proxyURL and excel.proxyURL have no values.