Artifacts when using Keyboard or Column
rebzden-baracoda opened this issue · comments
Hello,
Once again thank you for this library, it's really much better than writing everything by hand. I have a question because I have two issues with the Keyboard and one with Column.
- The Keyboard component is missing the Backspace icon, how to add it (is it a dependency or some svg in static folder?), or customise it? Could you also make a bit more clear as for the formats and layouts go in the documentation? It's not as clear really, the example has only one layout so it's not showing how to change items. Also the new typings (in v2.7.0) are not aligned with the documentation.
- The Keyboard flickers when switching the layout, it seems like it's trying to animate the drawing of the layout, can it be disabled somehow? It also happens on the storybook, it makes it seem a bit less polished than it could.
- The Column rows the same as the keyboard, makes a bit of the artefact, when drawing many rows at the same time - it's more visible on slower equipment. This is how it looks like:
Is there any way to mitigate this issue?
Thank you for the library and any help with resolving those issues :)
Kacper
I've found the reason for it! It was forceZIndexContext on the column, so the only thing left is the keyboard flickering issue, is there anything that I can do about it?
Hi @rebzden-baracoda, so sorry for the delay on this! We do have a ticket on our backlog to work on optimizing the Keyboard and not re-instantiate is as you flip between layouts, but have not been able to prioritize it just yet due to some internal projects. If you are able to dig in to try to solve the flickering issue, or even provide more details on exactly what you're seeing, how you are able to make it worse or mitigate it, reproduction steps, etc., that would all be appreciated and we would welcome any contributions!