Comments (6)
Having the same issue when the Twitter Bootstrap Modal is used. The overlay appears on top of everything (including the modal itself).
from jpanelmenu.
i had something similar and fixed it by setting animated: false. it was creating an overlay layer that would stick around even when the menu/panel was closed.
from jpanelmenu.
Having the same issue when the Twitter Bootstrap Modal is used. The overlay appears on top of everything (including the modal itself).
The Modal needs to be outside the Panel.
Try the following (worked for me)
var jPM = $.jPanelMenu({
excludedPanelContent: 'style, script, .modal'
});
https://github.com/acolangelo/jPanelMenu#options-excludedPanelContent
from jpanelmenu.
It looks like excludedPanelContent
only works on children - not all descendants - of body
.
Therefore, @regenrek's solution only works provided the modal markup is directly beneath the body element. So, $("body > .modal") has to be able to select the markup.
from jpanelmenu.
from jpanelmenu.
Hi guys, If anyone still has this problem
Explanation:
The actual bug is related to how fixed position works different on elements affected by translate3d, this causes all fixed elements like the modal to misbehave . (see http://stackoverflow.com/questions/15194313/webkit-css-transform3d-position-fixed-issue)
-as support for fixed elements was removed you can try manually removing the style property from element.jPanelMenu-panel while the modal is opened.
Fix:
.modal-open .jPanelMenu-panel { position:static!important; -webkit-transform:none!important; transform:none!important; }
(Edited after reading that the plugin dropped fixed position support)
from jpanelmenu.
Related Issues (20)
- jPanelMenu Stops HTML5 Videos in Chrome From Auto/Playing HOT 1
- Inconsistency between mozilla and webkit (and blink)
- The menu always gets the width 250px; HOT 2
- Menu fixed to top HOT 3
- How To Programmatically Close Menu? HOT 1
- Big problems on iPad1
- Change of z-index causes problems
- Closing JPanelMenu with close button
- jPanelMenu in Cordova/Phonegap HOT 2
- jPanelMenu removes focus from input
- Menu Sticky with jPanelMenu HOT 1
- Ajax Script not executed after page refresh
- test
- clone: false not working
- What's up with this 'strict mode' error ?
- Is the version on npm is the same as the version on github?
- Multi level menu
- Session value returned as undefined when jpanelMenujs is included.
- Cover menu instead of push menu?
- SPA loads menu via ajax, mobile jpanelmenu is empty
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jpanelmenu.