Overlay colors with alpha when annotating

[Uregek]

I started making my own small reader for personal use, I want to read with a friend and synchronize our annotations, but I ran into a problem that stopped me. When adding an annotation in the standard way presented in the example from the documentation, the colors with transparency overlap each other and in some places a different shade is obtained.

I roughly understand what this might be connected with.

tags are used there, and sometimes the same piece of text can be in nested

tags, for example: p>p>text. And the color fill extends to both elements, which is why the overlap occurs.

Is it possible to solve this problem? I can't move with this. I am attaching two screenshots. The first one is my overlay application. The second is an annotation in the standard "Book" application on the iPhone. I will be very happy for any answer please!

My app: it is all one annotate

"Book" ios app:

pice of code that i used in:

          menuItems={[
            {
              label: '🟡',
              action: (cfiRange) => {
                addAnnotation('highlight', cfiRange, undefined, {
                  color: '#ffaf02',
                });
                return true;
              },
            },

so it is from standard example

[victorsoares96]

unfortunately this is not possible at the moment, text markings are basically svg elements over the position(x,y) of the text

[Uregek]

I managed to fix the error a little bit by updating the epubjs library, however, it does not work 100%, but it is much better than it was before.
I am attaching screenshots below.
To do this, you need to replace the src/epub js file.ts to the new one from the attachment

epubjs.ts.zip

Unfortunately, I am a pedant, and this solution does not cover 100 percent of cases, so I abandoned my project

[victorsoares96]

Did you make this correction in the epubjs file using which repository as a base?

[Uregek]

@victorsoares96 I tried with the official version that hangs in npm (build a repo min file), it didn't work, then I found epubjs on the Internet with an even larger version, it was not a repo, it was a cdn like link

[victorsoares96]

very good, thanks for the contribution @Uregek I will implement this in the next version if everything goes well