Make dialog overlay non focusable (#344)

If you click the overlay in the [ignore clicks on the overlay](https://shoelace.style/components/dialog?id=ignoring-clicks-on-the-overlay) demo you can no longer press escape to close the modal since the overlay has been focused.
This commit is contained in:
Per Karlsson
2021-02-24 13:12:12 +01:00
committed by GitHub
parent 2a9a9d7da2
commit b15078030c

View File

@@ -229,7 +229,7 @@ export class Dialog {
onKeyDown={this.handleKeyDown}
onTransitionEnd={this.handleTransitionEnd}
>
<div part="overlay" class="dialog__overlay" onClick={this.handleOverlayClick} />
<div part="overlay" class="dialog__overlay" onClick={this.handleOverlayClick} tabIndex={-1} />
<div
ref={el => (this.panel = el)}