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.28.0.pre.alpha.PLAY863multilevelv2876 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.28.0.pre.alpha.PLAY814removemomentjs871 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.28.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown869 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.28.0.pre.alpha.PLAY837MapCustomButton868 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.28.0.pre.alpha.20230613implementbakesupport865 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.28.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.27.0.pre.alpha.expandednotworking853 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.27.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.1.pre.alpha.railsmultilevelimprovements842 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.1.pre.alpha.railsmultilevelimprovements837 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.1.pre.alpha.PLAY860PhoneNumInputOptions836 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.1.pre.alpha.railsmultilevelimprovements835 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.1.pre.alpha.play716popoverkitcloseonclickissue833 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.1.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown831 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.1 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.0.pre.alpha.multiselectfixes825 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown822 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.0.pre.alpha.multiselectfixes821 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown818 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown817 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts