react-draft-wysiwyg icon indicating copy to clipboard operation
react-draft-wysiwyg copied to clipboard

Image Dropdown in toolbar goes out of screen bounds

Open dasm30 opened this issue 6 years ago • 4 comments

As the title says, just look at the screenshot

screen shot 2018-11-15 at 12 17 38

dasm30 avatar Nov 15 '18 16:11 dasm30

Hey @dasm30 I know that is an ugly issue, I will try to fix this as I get time.

A hack here could be moving image toolbar towards middle of toolbar using this configuration option: https://github.com/jpuri/react-draft-wysiwyg/blob/master/src/config/defaultToolbar.js#L32

jpuri avatar Dec 19 '18 06:12 jpuri

@jpuri I ended up wrapping the modals and overriding their style to properly position them, I wanted to contribute to the repo by adding the fix but didn't understand the project setup and structure, couldn't even get it running and there doesn't seem to be documentation on how to contribute, so just added the fix on my side

dasm30 avatar Dec 20 '18 15:12 dasm30

Any updates on this? or any way to provide a direction for the modal to open?

KyriacosP avatar Aug 13 '20 13:08 KyriacosP

Any updates about this? it happens in all dropdowns not just image dropdown

hamzaeldemery23 avatar Jan 24 '24 09:01 hamzaeldemery23