diff --git a/change/@itwin-map-layers-450debab-e24a-42a0-9785-ce0c8157dbe7.json b/change/@itwin-map-layers-450debab-e24a-42a0-9785-ce0c8157dbe7.json new file mode 100644 index 000000000..39674f3f2 --- /dev/null +++ b/change/@itwin-map-layers-450debab-e24a-42a0-9785-ce0c8157dbe7.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Add key prop to Select component for responsive dropdown menu on disabled state change", + "packageName": "@itwin/map-layers", + "email": "wil.maier@bentley.com", + "dependentChangeType": "patch" +} diff --git a/packages/itwin/map-layers/src/ui/widget/BasemapPanel.tsx b/packages/itwin/map-layers/src/ui/widget/BasemapPanel.tsx index 24b24c0f1..4b610aa17 100644 --- a/packages/itwin/map-layers/src/ui/widget/BasemapPanel.tsx +++ b/packages/itwin/map-layers/src/ui/widget/BasemapPanel.tsx @@ -408,6 +408,8 @@ export function BasemapPanel(props: BasemapPanelProps) { onChange={handleBaseMapSelection} size="small" disabled={props.disabled} + // Use key to reset internal state of Select when disabled changes, ensuring the dropdown menu is responsive. + key={String(props.disabled)} /> {baseIsColor && (