question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Focus on EditorBlock

See original GitHub issue

Hi. How to focus textarea when add new block?

I want autofocus EditorBlock

<EditorBlock {...Object.assign({}, this.props, {
              "editable": true })
} />

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
nsfmccommented, Oct 26, 2017

Sorry i misread the issue, do you mean that when adding a new custom editorblock to your editor you want the editor to be focused and the selection to be moved to a location in the new editorblock?

0reactions
weeebdevcommented, Sep 14, 2022

Any news or workarounds?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Custom Block Components | Draft.js
If no custom renderer object is returned by the blockRendererFn function, Editor will render the default EditorBlock text block component.
Read more >
How to autofocus atomic block in draft js - Stack Overflow
@jmargolisvt and how do I focus it exactly on the EditorElement? I tried doing it on EditorBlock, but it doesn't implement focus function....
Read more >
Tutorial: building a custom block editor Edit
To start, let's focus on what is being rendered by the <BlockEditor> component: // src/components/block-editor/index.js return ( <div ...
Read more >
Block Editor Options - Easy WP Guide
Spotlight Mode – Enabling this option will dim all the blocks on the page except for the currently selected block, making it easier...
Read more >
Gutenberg Block Focus Outline Disappeared - GeneratePress
... the blue outline around focused blocks inside the Gutenberg ... .block-editor-block-list__block:not([contenteditable]):focus:after{box- ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found