Fullpage.js: Conflicts with Bootstrap modal

[GasparSukk]

Bootstrap 3.3.7
fullPage 2.9.2

Problem 1.
If Bootstrap modal is inside the section it doesn't work/display correctly. Only backdrop works.
Temporary solution is to place modal elements outside of the sections for Bootstrap modals to work correctly.
Is it possible to fix this without not messing up the logical order of the information?

Problem 2.
Background keyboard navigation and screen scrolling are still attached to fullPage elements.

[alvarotrigo]

Temporary solution is to place modal elements outside of the sections for Bootstrap modals to work correctly.

And that's the correct way of doing it. Fixed elements outside fullpage.js wrapper.
That's because of browsers' bugs dealing with translate3d elements and fixed elements.
You can also use scrollBar:true or css3:false to solve it, but it will have performance repercussions.

Problem 2.
Background keyboard navigation and screen scrolling are still attached to fullPage elements.

Totally normal. You'll have to disable them yourself by using the fullPage.js functions such as setAllowScrolling(false).

[GasparSukk]

Thanks!