search

AllenFang / react-bootstrap-table

A Bootstrap table built with React.js
https://allenfang.github.io/react-bootstrap-table/
MIT License
2.23k stars 782 forks source link

Modal isn't covering all elements #1849

Open nojo915 opened 6 years ago

nojo915 commented 6 years ago

Hi, has anyone experienced an issue where the BootstrapTable modal doesn't cover all form elements? It is covering some, but I'm not sure of what properties to edit to get it to render properly. screen shot 2018-01-14 at 11 25 58 pm

nojo915 commented 6 years ago

Believe this has to do with the z-index being too low by default.

AllenFang commented 6 years ago

@nojo915 the input element have z-index? there's a workaround you can z-index on react-bs-insert-modal class.

Let me know above workaround is not workable, I'll spend sometime to figure out, thanks

nomadinjax commented 6 years ago

Unfortunately, setting z-index on react-bs-insert-modal was not enough for me as the overlay also needs the z-index increased. I was able to get around this by doing:

.ReactModal__Overlay, .react-bs-insert-modal { z-index: 9999; }