search

ckeditor / ckeditor4-react

Official CKEditor 4 React component.
Other
97 stars 52 forks source link

Format dropdown does not opening, when editor is used in drawer #169

Open BrijeshDarji opened 3 years ago

BrijeshDarji commented 3 years ago

Are you reporting a feature request or a bug?

Bug

Expected result

It should open without any issue

Actual result

It opens and closes automatically within no time. So unable to use the options provided in the Format dropdown.

Dumluregn commented 3 years ago

Hello, please provide a demo where we could reproduce and debug the issue.

BrijeshDarji commented 3 years ago

Hi @Dumluregn, kindly check this https://codesandbox.io/s/vigilant-ritchie-i8tm0?file=/src/App.js

Steps to reproduce,

  1. In the editor's top, there is one dropdown in which Normal formatting is selected.
  2. On clicking that dropdown options(Heading 1, Heading 2, Heading 3, Formating) will be displayed. (Works fine and as expected)
  3. Now click on the OPEN DRAWER button.
  4. In the Drawer, an editor will be displayed and repeat the same steps 1 & 2.
  5. Here on clicking that dropdown options will be closed as soon as you open. (Not expected behavior)
f1ames commented 3 years ago

I wonder if it might be related to ckeditor/ckeditor4#4461 and ckeditor/ckeditor4#4462.

Dumluregn commented 3 years ago

@BrijeshDarji1 thank you for the sample, unfortunately I can reproduce this issue.

@f1ames this is a little different since no error is thrown here - dropdown just closes as soon as it is opened, so it looks like a problem with focus being instantly moved elsewhere. So I'm not sure but those problems don't seem to be tied.

hhgandhi commented 3 years ago

Hello @Dumluregn @BrijeshDarji1, Did you find any solution to it? I am facing the same scenario while using the editor in a drawer.

sculpt0r commented 2 years ago

Hi, according to the newest releases - the issue might be potentially solved. Please - take a moment to verify it.