javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(content): ensure fixed slot renders on top of content in iOS (#24300)

Browse Source
This commit is contained in:
Amanda Smith
2021-12-01 13:47:39 -06:00
committed by GitHub
parent 7f61b06895
commit e41b0e0cf2
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
core/src/components/content/content.scss
View File

@ -199,4 +199,15 @@
::slotted([slot="fixed"]) { ::slotted([slot="fixed"]) {
position: absolute; position: absolute;
/**
* When presenting ion-content inside of an ion-modal, the .inner-scroll
* element is composited. In WebKit, the fixed content is not composited
* causing it to appear under the main scrollable content as a result.
* The fixed content is correctly composited in other browsers. Adding
* the translateZ forces the fixed content to be composited so it correctly
* shows on top of the scrollable content. Setting a negative z-index will
* still allow the fixed content to appear under the scroll content if specified.
*/
transform: translateZ(0);
} }