DEPRECATED This site contains the codebase for the AngularJS (1.x) implementation of the SKY UX framework. We no longer support this version of SKY UX, and we recommend that you use the latest version instead. https://developer.blackbaud.com/skyux/
MIT License
51
stars
68
forks
source link
When using Sky Navigation on a Sky1 page, modal are incorrectly positioned on mobile #1093
When opening a modal on mobile, the modal should be sized to fit within the space available on the browser and scroll internally.
Actual behavior
When Sky Navigation is on the page, a margin of 50px is added to the body causing the modals to be shifted down. This makes the modal buttons inaccessible on iPhone.
Steps to reproduce
Load a Sky 1 application that uses Sky Navigation (such as RE NXT and FE NXT) and open a modal with lots of content. Good examples are column picker modals in lists. https://renxt.blackbaud.com/lists/constituents
Expected behavior
When opening a modal on mobile, the modal should be sized to fit within the space available on the browser and scroll internally.
Actual behavior
When Sky Navigation is on the page, a margin of 50px is added to the body causing the modals to be shifted down. This makes the modal buttons inaccessible on iPhone.
Steps to reproduce
Load a Sky 1 application that uses Sky Navigation (such as RE NXT and FE NXT) and open a modal with lots of content. Good examples are column picker modals in lists. https://renxt.blackbaud.com/lists/constituents
Plunker