Treora commented on issue #129:
URL: 
https://github.com/apache/incubator-annotator/issues/129#issuecomment-1237844279

   A quick look at that website 
([link](https://intelligencequarterly.com/energy/crude-oil-inventories-week-ending-19-august-2022/))
 reveals it has a css rule for `<mark>` element:
   
![image](https://user-images.githubusercontent.com/4191409/188588338-c3e83a9a-0626-40d4-bb63-794431a60385.png)
   Bootstrap styles it with padding, hence if you have two mark elements right 
besides each other (e.g. because you first highlight one part, then another), 
it will create the result you saw with padding between the elements.
   
   We should fix most occurrences of this issue by normalising consecutive text 
nodes, to avoid multiple mark elements when we only need one. (I forgot what 
the state of this is, did we perhaps fix it already but is it not released yet? 
#51 )
   
   Also it would be nice if the webpage’s CSS does not apply to your annotation 
tool’s highlights. Perhaps the mark elements can be given a rule `all: revert 
!important;`?
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: dev-unsubscr...@annotator.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org

Reply via email to