Skip to content

Commit cff6814

Browse files
committed
fix(header): prevent flickering when using fade
1 parent 1a976aa commit cff6814

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

core/src/components/header/header.ios.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,15 @@
3939
--opacity-scale: inherit;
4040
}
4141

42+
/**
43+
* Override styles applied during the page transition to prevent
44+
* header flickering.
45+
*/
46+
.header-collapse-fade.header-transitioning ion-toolbar {
47+
--background: transparent;
48+
--border-style: none;
49+
}
50+
4251
// iOS Header - Collapse Condense
4352
// --------------------------------------------------
4453
.header-collapse-condense {

0 commit comments

Comments
 (0)