In some frames image fully hidden, can i prevent that?

[Venegrad]

In some frames image fully hidden, can i prevent that?

BMW.Rolf.3._.Microsoft.Edge.2021-04-05.08-57-05.mp4

[Leonardo-mbc]

Sorry for the inconvenience.

There is an unresolved bug related to rendering.
In the code, this.glitchCount is determined by a random number, and the problem seems to occur when this.glitchCount is decreased.

glitch-image/src/components/glitch-image/glitch-image.tsx

Line 47 in d5fe2cd

this.glitchCount = Math.floor(Math.random() * MAX_GLITCH_COUNT) + 1;

A number of <img src=... is affected by this.glitchCount and changes.
When this.glitchCount is increased in the next step or does not change, the image does not become invisible but becomes invisible when it is decreased (for example, from 4 to 3).

I think there are two ways to solve this problem.

1. In order not to change this.glitchCount, Allow MAX_GLITCH_COUNT to be set to 1.
   MAX_GLITCH_COUNT is a variable that sets the maximum value of this.glitchCount.
   This means adding an implementation that allows settings like <glitch-image max-glitch-count="1">.
   

   glitch-image/src/components/glitch-image/glitch-image.tsx

   Line 7 in d5fe2cd

   const MAX_GLITCH_COUNT = 4;

2. I will investigate the rendering issue to try to get to the root of this problem.
   This will take some time, but we believe it is definitely necessary for the MAX_GLITCH_COUNT setting to work properly.

[Leonardo-mbc]

@Venegrad
I've published a temporary fix, you can update or npm i @uit/glitch-image@0.0.11 to fix the problem.

[Venegrad]

Thank u, but, after updating i get an error = Uncaught Error: Cannot find module '@uit/glitch-image/loader'

[Venegrad]

vuejs 0.0.10 works, 11 gives an error

import { applyPolyfills, defineCustomElements } from "@uit/glitch-image/loader";

applyPolyfills().then(() => {
  defineCustomElements();
});