Bug report
When there are multiple modal windows on the page and the user tries to navigate using Tab key, the focus is not trapped in the window and elements on the browser become focused.
Reproduction of the problem
- Open the Dojo example. https://dojo.telerik.com/@NeliKondova/iyULiwiQ
- Press Tab key multiple times - the focus is always inside the window.
- Click the openConfirmWindow button in the first modal window.
- Close the second modal window.
- Press Tab key multiple times.
Current behavior
When there is a second window on the page the focus is not trapped in the window and elements outside the window are focused.
Expected/desired behavior
The focus should be trapped in the window.
Environment
- Kendo UI version: 2023.2.606
- Browser: [all]
Bug report
The Grid Edit Window does not take all the space when maximized on mobile device with Android 12.
Reproduction of the problem
- Open this example on a mobile device that has Android 12.
- Scroll down to the bottom of the page.
- Edit the last row.
Current behavior
The Window leaves some space at the bottom of the screen.
Expected/desired behavior
The Window should take all the screen space
Environment
- Kendo UI version: 2022.3.913
- Browser: [Chrome on Android 12 mobile device]
Bug report
The restore event is missing in the Window typescript definition
Reproduction of the problem
Open the typescript/kendo.all.d.ts file and search for kendo Window restore event
Expected/desired behavior
The restore event should be defined.
Environment
- Kendo UI version: 2022.2.510
- jQuery version: x.y
- Browser: [all]
Hello,
I think i have found a potential bug
In the dojo below please run it and notice the window opens fine, then close and reopen it a couple of times.
The animation => open: false is causing the window to reopen at a smaller/zoomed out size.
If you move the window it snaps to the correct size
https://dojo.telerik.com/oDuviZak/2
Bug report
Upon opening the Window, the widget is not getting focused when using jQuery 3.6.0.
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/EcIheNif/3
Current behavior
The Window is not focused upon opening.
Expected/desired behavior
The Window should be focused upon opening.
Environment
- Kendo UI version: 2021.3.914
- jQuery version: 3.6.0
- Browser: [all]
Bug report
When using Kendo Bootstrap v4 theme and attempting to display a maximized Kendo Window with iFrame content the iFrame does not take up the full height of the Kendo Window.
The behavior is observed with Safari browser on MacOS X or iOS
Reproduction of the problem
- Run this dojo with Bootstrap-v4 bug example
Expected/desired behavior
The iFrame should take up the full height of the Kendo Window.
Adding the following style resolves the observed behavior:
<style type="text/css">
.k-window-content.k-window-iframecontent {
height:100%;
}
</style>
Environment
- Kendo UI version: 2020.2.513
- Browser: [Safari | iOS Safari]
ViewModel (TypeScript/Aurelia):Hi Team
We found a bug when we try to dynamically include a title at the KendoUI - Window component.
When we visit the website, all is correctly(title.png) displayed. After an reload of the website (F5 or the refresh button) the title disappers(notitle.png)
Regrets Thomas
//private variable
private _helpWindowTitle: string;
constructor(private _taskQueue: TaskQueue) {
//set localization
this._i18n.setLocale('de')
.then(() => {
this._helpWindowTitle = this._i18n.tr("window.title");
});
}View (HTML):
<div id="helpwindow" ak-window="k-width: 600px;
k-visible.bind: false;
k-title.two-way: _helpWindowTitle;
k-actions.bind: _helpActions;
k-widget.bind: _helpwindow">
<form class="d-flex-center flex-column" role="form" ref="form" submit.delegate="tryHelpRequest()">
<div class="form-group d-flex-center m-4">
<label class="white-space-nowrap m-0 mr-2"><span t="window.optionlabel"></span></label>
<ak-drop-down-list k-auto-bind.bind="false"
k-option-label="-"
k-data-text-field="name"
k-data-value-field="id"
k-data-source.bind="_helpDatasource"
k-value.two-way="_selectedHelp"
view-model.ref="_helpOptionDropdown"
k-on-ready.delegate="onReady($event.detail)"
style="width: 300px;">
</ak-drop-down-list>
</div>
<textarea ak-rich-editor="k-widget.two-way: _helpMessageEditor"
style="height:200px"
k-widget.two-way="editor"></textarea>
<button ak-button class="btn-arec-dark p-2 mt-2" submit-form.bind="form"><i class="fa fa-paper-plane mr-2"></i><span t="window.submittext"></span></button>
</form>
</div>
Bug report
When there are multiple Window components initialized in one page the initially defined z-index is not changing when tapping on a given Window on an iPad device in the Safari browser.
Reproduction of the problem
- Open this Dojo example on an iPad
- Drag the upper Window(Number 3) aside and tap on the second one
Possible fix
Replace:wrapper.add(wrapper.children('.k-resize-handle,' + KWINDOWTITLEBAR)).on('mousedown' + NS, proxy(that.toFront, that));
With
wrapper.add(wrapper.children('.k-resize-handle,' + KWINDOWTITLEBAR)).on('mousedown' + NS, proxy(that.toFront, that)).on('touchstart' + NS, proxy(that.toFront, that));
Current behavior
The second Window continues to stay under window number 3
Expected/desired behavior
Once a given Window is tapped its should pop to the top and its content shouldn't be hidden by other Windows.
- Open the linked above Dojo project in Chrome for iPad and see the correct behavior
Environment
- Kendo UI version: 2019.3.1023
- jQuery version: x.y
- Browser: [iOS 13.2 Safari ]
Bug report
Regression introduced in R3 2020 SP1.
If the configured width of the Window exceeds the viewport width and animation is configured, the animation of the Window is broken.
Reproduction of the problem
Run the Dojo example and click the button
Note: If the issue is not replicated try to decrease the visible area.
Current behavior
The animation seems broken (screencast)
Expected/desired behavior
The Window should slide properly no matter of its width.
Environment
- Kendo UI version: 2020.3.1021
- Browser: [all ]
Bug report
Clicking inside the content of a modal Window with an iframe and then closing the Window does not remove the k-state-focused class from the Window wrapper.
Reproduction of the problem
- Run this dojo
- Click the Open Window button
- Click inside to content of the Window
- Close the Window
Current behavior
The window widget wrapper still has a k-state-focused class:
<div class="k-widget k-window k-state-focused" data-role="draggable" style="visibility: visible; display: none; padding-top: 45px; min-width: 90px; min-height: 50px; z-index: 10004; transform: scale(0.7);">
...
</div>
Expected/desired behavior
k-state-focused class should be removed upon closing of the Window
Environment
- Kendo UI version: 2020.3.915
- Browser: [all]
I have a scrollable div within kendo Window.
The said div contains selectable thumbnail, it will show a bigger version if clicked (functionality not included in the attached file)
The problem when there will be hundreds to thousands of images the scrolling in IE11 becomes almost unresponsive.
Attached sample have around a 1000.
Tested it with bootstrap modal, did not have any issue with scrolling in IE11.
Issue does not happen in other browsers, is this an issue with repaint and scroll in IE?
I use Windows as a sliding pane. How do I make the window still the default size when the window is minimized and then restored?