Sha256: b637564af248703294b270e723d6b27d3dff2c1e6d28417c1441b4358b6311f9

Contents?: true

Size: 680 Bytes

Versions: 916

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

916 entries across 916 versions & 1 rubygems

Version Path
playbook_ui-12.33.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.32.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.31.0.pre.alpha.hoverrails951 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.31.0.pre.alpha.hoverrails948 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.31.0.pre.alpha.multilevelnopillsdesigns944 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.31.0.pre.alpha.multilevelnopillsdesigns941 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs935 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs933 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.31.0.pre.alpha.datepickerdisableddatefix931 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.31.0.pre.alpha.customiconsfa928 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.31.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop917 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop916 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.30.1.pre.alpha.hovertesting914 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop912 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.30.1.pre.alpha.PLAY802responsivetitlekit909 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.30.0.pre.alpha.PLAY906multilevelselectedidsprop902 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.30.1 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
playbook_ui-12.30.0 app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts