-
Notifications
You must be signed in to change notification settings - Fork 13.5k
fix(sheet): fix toolbar not showing contents in ios for ionic theme #30496
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
@@ -175,7 +177,7 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => | |||
const ionBreakpointDidChange = await page.spyOnEvent('ionBreakpointDidChange'); | |||
const header = page.locator('.modal-sheet ion-header'); | |||
|
|||
await dragElementBy(header, page, 0, 125); | |||
await dragElementBy(header, page, 0, 110); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Change required due to errors when updating the snapshots.
Error: The element is being dragged past the bottom of the viewport. Update the dragByY value to prevent going out of bounds. A recommended value is 110.5.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This looks fine to me. I'm not super happy with using z-indexes to fix this issue, but it's probably caused by other z-indexes at this point. This sort of z-index hell happens with manual manipulation like this 🫠
Issue number: resolves internal
What is the current behavior?
The
ion-toolbar
contents inside thesheet
were not being displayed correctly iniOS
.What is the new behavior?
This PR add
z-index
values of theion-toolbar
'scontent
andbackground
containers to fix the issue.Does this introduce a breaking change?
Other information
Before:

After:
