react-summernote
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
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