Closed TimonVS closed 8 years ago
Upgraded Bootstrap modal, looks like these issues were taken care of by latest changes :+1:
@djreimer the issue seems to be resolved for Chrome, but scrolling is still extremely slow in Safari :/.
@djreimer could you reopen this issue? It's really frustrating to use Codetree in Safari this way.
An easy (but dirty) fix would be to add transform: translate3d(0, 0, 0);
to .model-dialog
to force GPU rendering.
Thanks for sharing a hack! I'll give that a try 👍
@TimonVS can you give it another try? I deployed the GPU rendering fix you suggested. Seems fine on my machine (comparable to Chrome). I'm running Safari Version 9.1 (11601.5.17.1).
@djreimer Still the same problem, and that's because the rule you added (transform: translate3d(0, 0, 0);
) gets overridden.
.
Adding !important
solves the problem.
Fixed the specificity problem.
I noticed that scrolling a modal window is really slow in Safari, and in Chrome it causes another issue:
The modal backdrop scrolls away.
A simple fix is to use
position: fixed
for.modal-backdrop
instead ofposition: absolute
. This will fix the slowness for Safari and the scrolling issue for Chrome.