Bug: Highlights are off place in HTML pages

haidar47x
edited 27 days ago
OS: macOS Monterey 12.7
Zotero: 7.0.10

Page Link: https://fxdocs.github.io/docs/html5/

I saved the webpage using Mozilla Firefox 133.0, using the SingleFile browser extension. Then, imported the file into Zotero.

The highlights are created using Zotero. When viewing a webpage, the highlights are rendered out of place as shown in the image.

I tried restarting Zotero but it's not working.

https://s3.amazonaws.com/zotero.org/images/forums/u14451977/2r5vc8t3tcuelp6nsaie.png
  • mjthoraval
    Can you share the original page from where you saved the snapshot?
    Which browser did you use to save it?
    Do you have any extension installed in the browser?
    Did you make the highlights in the same computer or on another OS?
  • haidar47x
    @mjthoraval I updated the post.
  • mjthoraval
    Does it work if you save directly from the Zotero browser extension?
    Are the highlights shifted immediately after creating them in Zotero?

    If I try from my computer, I get scrollbar on the left side and a different alignment of the titles and figure:
    https://s3.amazonaws.com/zotero.org/images/forums/u265723/glg5zihsze0wmvp5ev7h.png

    Are there any options in the SingleFile browser extension to change what is saved in the HTML file?
    Can you share the HTML file through a link in this thread?
  • haidar47x
    There are lots of options we can apply to how we save the webpage as a single file using SingleFile. For instance, it includes the images inside the HTML file, compress some contents, include stylesheets in it and so on.

    When I start highlighting a paragraph, I can see what I've selected. However, when I apply the highlight action, the highlights position is misplaced at that instant.

    However, I also tried it raw with the Zotero Firefox Connector to create a snapshot. It worked, without changing anything.

    But, I've removed few of the portion from the webpage to make it neat and added custom fonts to make it more readable using the developer tools. However, when I used the Zotero extension to add a snapshot of the customized page, the highlights are off place again.


    Here is the link to the snapshot I customized and added it as a Snapshot using the Firefox extension: https://www.mediafire.com/file/vlpxrlj36rbd5db/html5.html/file
  • haidar47x
    edited 27 days ago
    I just ran it through a validator and it looks like it was missing closing tags for body and html, so I added them manually. No luck.
Sign In or Register to comment.