Image Occlusion is broken, it works here and there but now not that much anymore, I paste image, I cloze it then it doesnt appear in the card. I wanna do it fast but this keeps happening and it slows me down heavily checking whether its working or not, its annoying af
What does that mean exactly? When does it work, when does it not work? What does “it does work” mean to you?
Do you mean it’s just not visible in the template editor or it’s actually not there if you view the card in the deck browser?
No need to use such language.
Also:
- Basic info like
help > about > copy debug infoand your operating system is missing and possibly needed. - Did you try basic troubleshooting? See:
i now know how to recreate, just paste the image then put a mask really fast and the image wont show up
i used to do this in hyperspeeds but it doesnt work anymore idk why, skill issue?
i had to do this ritual like trying to hover my mouse on the add button after pasting the image, but yeah you just need to wait for the image to “settle down”, kinda weird.
1 Like
Right, I can reproduce it too.
Steps to reproduce
- Have a picture in your clipboard.
- Open the add cards dialog.
- Select the built-in Image Occlussion (IO) note type.
- Press the paste button and immediatly after draw a square with your mouse (as fast as possible)
- The picture won’t be embedded into the card, but the data from the rectangle is imbedded (and the picture is displayed in the add cards dialog).
Additional Contex
When the IO was successful, I get the following img attribute in dev console (as an example):
<img id="image" class="svelte-1ivj53x" src="data:image/jpeg;base64,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" width="146" height="154" style="left: 594.68px; top: 1.5px;">
If the bug occured, I get this instead:
<img id="image" class="svelte-1ivj53x" src="data:image/png;base64," width="0" height="0" style="left: 668px; top: 170px;">
For some reason the src isn’t right here.
Also, this doesn’t happen consistently and feels somewhat random.
1 Like
yeah, you need the picture to “settle down”. I just click the picture after it shows up then make a rectangle and the issue doesnt appear 99% of the time.
it could mean that clipboard image address looks asinine that the computer just sort of gives up when you put a box real fast like “hey I havent figured it out where this image yet!”. i noticed in that of bug yours where there’s png in the src, did you check the option “image something paste becomes png”? i didn’t, can you recreate it?
No, I do not have this setting turned on. I made a screenshot which just happens to be automatically saved as a .png file (as a default on my linux system).
Are you saying you see different bahavior based on the image file extension?
nah, not as of now
Okay.
Maybe someone that knows the code base can look into the reason why this issue occurs and can open a pull request.
Might have to wait some time though until someone sees this.
or they could integrate a snippet tool for image occlusion. like SnagIt
another thing. when you try to reset image occlusion if it doesnt work and paste the same picture, the bug occurs, but if it worked and you reset image occlusion and recreate the bug, the bug doesnt appear.