Sha256: c30c8f7f4968a19dad3d7140aa3b27262b6c001a7a88a25fef7eaff99425839f
Contents?: true
Size: 1.54 KB
Versions: 5
Compression:
Stored size: 1.54 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) {
this.dialogTarget.style.setProperty(
"--hw-visual-viewport-height",
`${window.visualViewport.height}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
5 entries across 5 versions & 1 rubygems