Visual Glitch Issue

So recently while building my character sheet i encountered this ever so slightly annoying bug, that will either flash white boxes or make the content 'spill' outside the sheet window when scrolling. Resizing the sheet window, changing the browser tab, and interecting with the elements underneath those white boxes seems to temporaly fix the problem. Though not a major issue, i rather not have the players deal with this annoying thing.&nbsp; A few images of the bug: <a href="https://gyazo.com/4600acf5646863cec275207dee983267" rel="nofollow">https://gyazo.com/4600acf5646863cec275207dee983267</a> <a href="https://gyazo.com/e3e9cef810ab35a2cb1024f1ae0f052c" rel="nofollow">https://gyazo.com/e3e9cef810ab35a2cb1024f1ae0f052c</a> <a href="https://gyazo.com/bb3ddcebc333109ae2a7bb8c8390cf34" rel="nofollow">https://gyazo.com/bb3ddcebc333109ae2a7bb8c8390cf34</a> <a href="https://gyazo.com/7b99bd667771d2591e2218d5b3fe8d46" rel="nofollow">https://gyazo.com/7b99bd667771d2591e2218d5b3fe8d46</a> <a href="https://gyazo.com/b6c5f26e078d2fa1e70e5fd617f39b22" rel="nofollow">https://gyazo.com/b6c5f26e078d2fa1e70e5fd617f39b22</a> How it looks like when not bugged: <a href="https://gyazo.com/b830518495e6346be17de8ea49334228" rel="nofollow">https://gyazo.com/b830518495e6346be17de8ea49334228</a> I've tried to apply overflow:hidden to a few stuff trying to fix it, but it didnt have much effect. Anyone has a idea of what's happening?

Hi Arnoldo, Does everyone experience the same issues with the sheet?&nbsp; FF vs Chrome browser make any difference? You might post a link to your code.

∇ince said: Hi Arnoldo, Does everyone experience the same issues with the sheet?&nbsp; FF vs Chrome browser make any difference? You might post a link to your code. Fiddling through the code i found a lost &lt;body&gt; tag. I think that might have been what was causing the issue, once it was gone so was the bug. Or at least it hasn't showed again so far. Will probably continue this thread if that was not the case, but i doubt it. Thanks for the help!

That wasn't quite it, I tested on Chrome and Firefox. The issue showed up only on Chrome for me. Other players haven't found the same bug yet, because the sheet is still in development, so they didn't get the chance to test it. Will make the current code avaible to test: <a href="https://drive.google.com/file/d/1f7ZCWK2PADyFMJvwy5Lefy7qGtGbJwHj/view?usp=sharing" rel="nofollow">https://drive.google.com/file/d/1f7ZCWK2PADyFMJvwy5Lefy7qGtGbJwHj/view?usp=sharing</a>, <a href="https://drive.google.com/file/d/1mCdOzGe9G7LrSFBlpC7uWWXR5llDGAJn/view?usp=sharing" rel="nofollow">https://drive.google.com/file/d/1mCdOzGe9G7LrSFBlpC7uWWXR5llDGAJn/view?usp=sharing</a>

Update: I found out the glitch is related to the css properties: column-count: 2; -webkit-column-count:2; Once they were turned off, the glitch was completely gone, and once it was turned on the glitch would come back. Still, no clue on how to fix it :/

I would highly advise using CSS grid instead. It's not going to give you quite as easy a time out of the box as css columns in terms of getting the order correct, but they're really not designed to be used for layout.