colorbox icon indicating copy to clipboard operation
colorbox copied to clipboard

Firefox multiple scrollbars

Open eternal191 opened this issue 8 years ago • 2 comments

Hello Jack, the Colorbox is working fine on Chrome and IE. But in Firefox I get multiple scrollbars when the modal is open. It is also returning to the same position when I close out one modal and open in another.

eternal191 avatar Jul 25 '17 21:07 eternal191

Hi, I opened the link you sent me but did not notice any problems in Firefox (v54 on Mac). I didn't see any content in it either though, so maybe I clicked on the wrong target to demonstrate the problem. However, I can see that Colorbox has been coerced into animating a different way and that that CSS styles are being written directly to it (b("#colorbox").css({width:"100vw",left:"0",top:b(window).height()}) from clientlibs.min.js). That's all fine, but I don't want to get into debugging it nor consider it a bug unless it's with standard usage of Colorbox.

jackmoore avatar Jul 26 '17 04:07 jackmoore

Just a suggestion, but have you tried removing the 100vw? That may inadvertently trigger horizontal overflow because it doesn't subtract the vertical scrollbar width. You can tell Colorbox to be 100% of the viewport width (scrollbars excluded) by using the width setting. For example: $('a.example').colorbox({width: '100%'});.

jackmoore avatar Jul 26 '17 05:07 jackmoore