scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-2170): add outline for chip for keyboard focus

Browse Source 
add nonmodal prop to booking code rates dropdown to ensure booking widgets stays sticky when opened
This commit is contained in:
Christian Andolf
2025-05-22 16:28:58 +02:00
parent e6963cd110
commit 16efce3a43
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/SelectHotel/BookingCodeFilter/index.tsx
View File

@@ -68,7 +68,7 @@ export default function BookingCodeFilter() {
/> />
</ChipButton> </ChipButton>
{displayAsPopover ? ( {displayAsPopover ? (
<Popover placement="bottom end"> <Popover placement="bottom end" isNonModal>
<Dialog className={styles.dialog}> <Dialog className={styles.dialog}>
{({ close }) => { {({ close }) => {
function handleChangeFilterValue(value: string) { function handleChangeFilterValue(value: string) {

6
packages/design-system/lib/components/ChipButton/chip-button.module.css
View File

@@ -29,3 +29,9 @@
.Outlined:active { .Outlined:active {
border-color: var(--Border-Interactive-Selected); border-color: var(--Border-Interactive-Selected);
} }
.Default:focus,
.Outlined:focus {
outline-offset: 4px;
outline-color: var(--Border-Interactive-Focus);
}