Interactivity of rendered HTML page not working on mobile browsers #4243
-
I rendered an HTML page and uploaded it on GitHub pages. Here is the link to the webpage. The page loads fine, but none of the interactivity works on mobile (Safari or Chrome) (except for the show code button). I have some hyperlinks in markdown and you cannot click on them. I have some OJS inputs that don't work on mobile, but everything is working fine in multiple browsers (Chrome, Edge, Firefox) on desktop. I assumed at first that it was a Safari problem, but it seems to be something specific to mobile. But some of these same rendered HTML pages used to work fine on mobile before when I used a previous version of Quarto with the the Below is my YAML for the HTML page I linked. I am using Quarto version 1.2.313. I rendered this in VSCode with the extension. I have a Windows 10 Pro Operating System.
|
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 4 replies
-
This looks like a bug - the issue is that the 'TOC' is being placed over the top of the page in the mobile layout (with I've opened a bug from this thread to track - thank you for bringing this to our attention! |
Beta Was this translation helpful? Give feedback.
-
Awesome that was a quick find. I will set |
Beta Was this translation helpful? Give feedback.
This looks like a bug - the issue is that the 'TOC' is being placed over the top of the page in the mobile layout (with
top-left
set), even it isn't visible (so the invisible TOC is receiving all the clicks). I'll try to get this fixed ASAP, but in the meantime if setTOC: false
I would expect this to make things work again while you wait for the fix.I've opened a bug from this thread to track - thank you for bringing this to our attention!