Sha256: b637564af248703294b270e723d6b27d3dff2c1e6d28417c1441b4358b6311f9

Contents?: true

Size: 680 Bytes

Versions: 913

Compression:

Stored size: 680 Bytes

Contents

const useFocus = () => {
  const allTrixEditors = document.querySelectorAll(
    '.focus-editor-targets trix-editor'
  )
  allTrixEditors.forEach((editorElement: any) => {
    const toolbarElement = editorElement.toolbarElement
    if (editorElement == document.activeElement) {
      editorElement.classList.add('focused-editor')
      toolbarElement.style.display = 'block'
    } else {
      // don't hide the toolbar if we've unfocused to focus on the link dialog.
      if (!toolbarElement.contains(document.activeElement)) {
        editorElement.classList.remove('focused-editor')
        toolbarElement.style.display = 'none'
      }
    }
  })
}

export default useFocus

Version data entries

913 entries across 913 versions & 1 rubygems

Version Path
playbook_ui-12.23.0.pre.alpha.play698responsivespacingglobalprop703 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.23.0.pre.alpha.play698responsivespacingglobalprop701 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.23.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.22.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown696 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.22.0.pre.alpha.play698responsivespacingglobalprop690 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.22.0.pre.alpha.PBNTR12checkingemptyfilters686 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.22.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.21.0.pre.alpha.PLAY807RTEcustomtoolbar680 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.21.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.20.0.pre.alpha.movemarkdown668 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.20.0.pre.alpha.title2667 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.20.0.pre.alpha.title2665 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.20.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.19.0.pre.alpha.PLAY699zindexresponsive650 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.19.0.pre.alpha.movemarkdown639 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.19.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown638 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.19.0.pre.alpha.movemarkdown637 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.18.0.pre.alpha.PLAY785typeaheadts632 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.19.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.18.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown629 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts