These are chat archives for openseadragon/openseadragon

4th
Mar 2016
sickrandir
@sickrandir
Mar 04 2016 14:46
Progressing in the OSD world and loving it!
At the moment I have two issues.
1- I embedded OSD in a bootstrap based template. Following what @iangilman said I was able to have openseadragon adapt to the available space by making the containing div responsive.
The first issue is that as soon as I click on the OSD viewer it expands to the whole screen and the menu bar on top disappear. The only way to exit this view is to click the fullscreen button, triggering the actual fullscreen mode and then return in regular mode.
2 - I'm trying to include a bootstrap modal in the page. As soon as I put the modal html code in the page, OSD loads correctly but its not possibile to interact with the interface. It's locked.
Thanks for any help!
Antoine Vandecreme
@avandecreme
Mar 04 2016 16:06
Can you post a small example of the issues?
for 2, this is expected behaviour for a modal. I don't know if bootstrap supports dialogs which are not modal.
sickrandir
@sickrandir
Mar 04 2016 16:57
issue2 I meant that OSD is unresponsive even if the modal is closed
Ian Gilman
@iangilman
Mar 04 2016 17:31
@sickrandir Issue 2 is because even though the modal is closed its div still completely covers the window. Take a look at #myModal in the inspector and change it to display: none and everything works. I don't know enough about Bootstrap to know why it's doing that or how to fix it, but it's definitely an issue with the Bootstrap modal, not OSD
@sickrandir Issue 1 happens in Chrome but not Firefox...
Ian Gilman
@iangilman
Mar 04 2016 17:38
It's very strange!
The navbar (#sticky-header) is somehow pushed up off the screen, but the page isn't scrolling.
I think it may have to do with the thing that's wrapping the OpenSeadragon div, which has these classes: "js-height-full ng-scope"...it looks like Angular is setting it to the full height of the window, not taking into account the 75px of the header. At some point Chrome is just throwing up its hands and pushing the header up off the top of the window
While clicking on OSD is triggering this issue, I think the fundamental problem is trying to fill the window with divs that are taller than will fit when you put them together
Antoine Vandecreme
@avandecreme
Mar 04 2016 17:46
@iangilman I fixed a CSS issue on Firefox in openseadragonizer: openseadragon/browser-extension@3aca160
Ian Gilman
@iangilman
Mar 04 2016 17:47
@avandecreme Right on. I'll deploy to the site
sickrandir
@sickrandir
Mar 04 2016 18:58
@iangilman about the modal I will look better into it studying bootstrap a bit better
@iangilman about the issue with the unwanted fullscreen. It noticed it before with a simpler template. I will try to replicate in plain bootstrap and without angular.
If you guys have other ideas I'm listening. Thanks a lot for taking the time to look into it!
Ian Gilman
@iangilman
Mar 04 2016 19:05
Sounds good :)
Alexey Tikhonov
@altert
Mar 04 2016 20:34
hi. small question. I'm making clickable overlays, and it works great with mouse, if I disable clicktozoom, but not with touch. Something interferes with that for with touch controls?
Antoine Vandecreme
@avandecreme
Mar 04 2016 21:15
@altert you might want to look at openseadragon/openseadragon#401
I don't have experience with touch events but I guess using the viewerInputHook for them could work as well.
Alexey Tikhonov
@altert
Mar 04 2016 22:11
@avandecreme yes. did just that, thanks!
Alexey Tikhonov
@altert
Mar 04 2016 22:20
@avandecreme what is current state of overlays rotation? should they rotate automatically with image or not?