Sha256: bf8cf64d2e08926345c6e1bace924eeee888e17f33f2259d17341fc8b125cb6d
Contents?: true
Size: 1.62 KB
Versions: 13
Compression:
Stored size: 1.62 KB
Contents
import Combobox from "models/combobox/base"
Combobox.Dialog = Base => class extends Base {
_connectDialog() {
if (window.visualViewport) {
window.visualViewport.addEventListener("resize", this._resizeDialog)
}
}
_disconnectDialog() {
if (window.visualViewport) {
window.visualViewport.removeEventListener("resize", this._resizeDialog)
}
}
_moveArtifactsToDialog() {
this.dialogComboboxTarget.value = this._actingCombobox.value
this._actingCombobox = this.dialogComboboxTarget
this._actingListbox = this.dialogListboxTarget
this.dialogListboxTarget.append(...this.listboxTarget.children)
}
_moveArtifactsInline() {
this.comboboxTarget.value = this._actingCombobox.value
this._actingCombobox = this.comboboxTarget
this._actingListbox = this.listboxTarget
this.listboxTarget.append(...this.dialogListboxTarget.children)
}
_resizeDialog = () => {
if (window.visualViewport) {
const fullHeight = window.innerHeight
const viewportHeight = window.visualViewport.height
this.dialogTarget.style.setProperty("--hw-dialog-bottom-padding", `${fullHeight - viewportHeight}px`)
}
}
// After closing a dialog, focus returns to the last focused element.
// +preventFocusingComboboxAfterClosingDialog+ focuses a placeholder element before opening
// the dialog, so that the combobox is not focused again after closing, which would reopen.
_preventFocusingComboboxAfterClosingDialog() {
this.dialogFocusTrapTarget.focus()
}
get _smallViewport() {
return window.matchMedia(`(max-width: ${this.smallViewportMaxWidthValue})`).matches
}
}
Version data entries
13 entries across 13 versions & 1 rubygems