lundi 4 octobre 2021

Why does my Flutter web release build create two "flt-glass-pane"s, which leads to randomly not registering clicks at all?

I was working on a bug of my Flutter 2.5.0(stable) web application, which has the issue that sometimes when loading a release build of the application, no cursor clicks are registered at all.

After investigating for a while, I noticed that my application has two flt-glass-panes in the body when building in release mode (only one in debug mode). One of these does include a textarea element in the #shadow-root, which I guess is the only text input of the apps screen. The interesting part is, that cursor clicks do only work when the flt-glass-pane with the textarea is under the other flt-glass-pane in the body... (see examples)

Working:

<body>
 ...
 <flt-glass-pane> ... </flt-glass-pane>
 <flt-glass-pane> ... <textarea> ... </textarea> </flt-glass-pane>
</body>

Not working:

<body>
 ...
 <flt-glass-pane> ... <textarea> ... </textarea> </flt-glass-pane>
 <flt-glass-pane> ... </flt-glass-pane>
</body>

Anyone having the same issue in release builds or has an idea?




Aucun commentaire:

Enregistrer un commentaire