fix(header): collapsible header was hidden in iOS mode in non-ios devices #30690
+145
−1
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Issue number: resolves #29929
What is the current behavior?
When forcing
mode=ios
in a collapsible header,.header-collapse-condense
would still be applied from theheader.md.scss
file, leaving the collapsible header always hidden.What is the new behavior?
When forcing
mode=ios
in a collapsible header, the.header-collapse-condense
styles from theheader.md.scss
file won't be applied, and the collapsible header will be visible.Does this introduce a breaking change?
Other information
Something worth mentioning is that this behavior only appears after initial load: if the route is loaded refreshing the page, the header will appear and work correctly, but navigating forth and back will apply both the .ios and .md style files.
I showcase this with a modal because It'll always display the broken hehavior.
Screen.Recording.2025-09-23.at.20.00.26.mp4
Screen.Recording.2025-09-23.at.20.03.07.mp4