Skip to content

Commit b2f4d4a

Browse files
fix(select-modal): hide focus option's border for ionic theme (#30660)
Issue number: resolves internal --------- ## What is the current behavior? When opening a ion-select with a modal interface, the first option is focused and, as such, has a border. This happens because an ion-item is being rendered, which has a specific styling for focused stated. ## What is the new behavior? When inside a `ion-select-modal`, we don't want this specific `ion-item` styling. ## Does this introduce a breaking change? - [ ] Yes - [x] No
1 parent 264e446 commit b2f4d4a

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

core/src/components/select-modal/select-modal.ionic.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,11 @@ ion-item {
1111
--border-width: 0;
1212
}
1313

14+
ion-item.ion-focused::part(native)::after {
15+
// Your styles for the ::after pseudo element when ion-item is focused
16+
border: none;
17+
}
18+
1419
// Toolbar
1520
// ----------------------------------------------------------------
1621

0 commit comments

Comments
 (0)