Completed
Last Updated: 27 Jan 2021 14:44 by ADMIN
Release 2021.R1.SP.next
Ivan
Created on: 12 Nov 2019 12:35
Category: Window
Type: Bug Report
0
Window doesn't change its z-index properly on iPad (Safari browser)

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

  1. Open this Dojo example on an iPad
  2. 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 ]
0 comments