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
This commit is contained in:
Marta Carlos
2025-09-03 09:07:41 +01:00
committed by Marta Carlos
parent f72f753117
commit 828470aaed

View File

@ -11,6 +11,11 @@ ion-item {
--border-width: 0;
}
ion-item.ion-focused::part(native)::after {
// Your styles for the ::after pseudo element when ion-item is focused
border: none;
}
// Toolbar
// ----------------------------------------------------------------