Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Responsive panel: disable "dismiss" on wide viewports no longer works #6317

@globalmatt

Description

@globalmatt

With responsive panels, the expected behaviour is that the "tap outside to dismiss" feature is disabled if the viewport is wide:

http://view.jquerymobile.com/1.4.0-alpha.1/dist/demos/widgets/panels/

This used to work on 1.3, but it doesn't work on 1.4.0-alpha.1 or latest. You can still tap outside the panel to dismiss it, even in wide viewports:

http://jsbin.com/ofuhaw/148/edit

This appears to be due to the fact that the .ui-panel-dismiss-display-push div is now appended after the .ui-responsive-panel page div, meaning that the descendent selector .ui-responsive-panel .ui-panel-dismiss-display-push in http://code.jquery.com/mobile/1.4.0-alpha.1/jquery.mobile-1.4.0-alpha.1.css can no longer select the .ui-panel-dismiss-display-push div.

In 1.3 the .ui-panel-dismiss-display-push div was added inside the page div.

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions