react-summernote icon indicating copy to clipboard operation
react-summernote copied to clipboard

Tooltips for the summernote toolbar is showing up weird after I zoom in or zoom out a particular area of page

Open hdrabs opened this issue 4 years ago • 0 comments

The tooltips are are acting weird when the zoom in/out on an area that the toolbar is not contained in (Please see the video attached below)

Expected behaviour

The tooltips are attached to the toolbar and they should not be affected by the editing section zoom in/out

Actual Behaviour

The tooltips are created in the editing section and are thus effected by the zoom in/out

How to reproduce

  • Create a section for toolbar and create an editing section for editing the summernote. Give the toolbarContainer in the toolbar area.
  • Zoom in/out the editing section and the tooltips will be get affected by the zoom

Solution (Not sure how to implement that)

The tooltips should be created with the toolbar when toolbar container is provided instead of the editing area so that zoom in/out does not impact the placement or the sizes of the toolbar tooltips.

Reference video

https://user-images.githubusercontent.com/2254960/114060048-6c155180-98ae-11eb-9d33-dd66e1f359c1.mp4

hdrabs avatar Apr 08 '21 16:04 hdrabs