search

froala / angular-froala

Angular.js bindings for Froala WYSIWYG HTML Rich Text Editor.
https://froala.com/wysiwyg-editor
MIT License
306 stars 123 forks source link

Some froala options not visible within 2 bootstrap modals #154

Closed RHinderiks closed 7 years ago

RHinderiks commented 7 years ago

When using bootstrap 3 modal it seems to stop working when opening a modal on top of a other modal.

Tested on MacOs with latest safari and latest chrome versions.

The following don't seem to work. color, table, hyperlink. However headers seem to be working fine

It works fine within a single modal. Example:

screen shot 2017-10-15 at 17 25 42 screen shot 2017-10-15 at 17 26 05
RHinderiks commented 7 years ago

The problem is a inline styling being set when the option toolbarInline is set to true, It sets a z-index 5 with inline styling. this also makes it impossible to override our selves !

stefanneculai commented 7 years ago

@RHinderiks when using the bootstrap modal, please make sure you set the editor zIndex option to a higher value. There is a demo here: https://github.com/froala/wysiwyg-editor/blob/master/html/3rd-party/bootstrap/modal.html.