Tile rendering bug/glitch

[EncryptedCicada]

When tapping to rotate tiles in the tile dock, there are instances where the tile(s) are not rendered properly, i.e., they disappear or render the scoreboard in the shape of the tile. I believe there is a set number of rotations after which this glitch appears/disappears. Here is a visual of when it happens and how it looks.

Record_2025-11-16-04-21-22_bf5286d428c97f865e4b51a5afbaefcd.mp4

Basic debug info :-
App version: v1.0.8 (f-droid)
Device: OnePlus 13
Android version: 15

[gvtulder]

Thanks for the report and the informative video. I'm not really sure what's happening here: it must be some bug in the CSS rendering of the web view, and that's not something immediately know how to fix. The fact that you can see the score copied in the tile also suggests this is some rendering-related issue.

I tried to reproduce this in an emulator running Android 15, but there it works normally. I don't run Android 15 on my phone, so I can't reproduce it there either.

One special thing that happens to the tiles is that the rotation is reset to 0 degrees when it reaches 360. If that would be causing this, you would expect to see the artifacts after rotating a tile a full circle. But your video shows it happening earlier and later as well, so that doesn't explain it. It is also strange that this affects the other two tiles at the same time.

Long answer to say: I don't really know at this point.

I just published an update (version 1.0.9) that fixes a problem with the "edge-to-edge" display in Android. In the simulator I noticed that the buttons at the bottom of the screen would cover the tiles sometimes. This is fixed in the new version, leaving room at the bottom. Perhaps this helps with your problem as well? (No idea why, but one can hope.)

[EncryptedCicada]

I would like to report that the update doesn't fix the issue. As much as I'd have liked to debug this, I don't really have the time to do so.

[gvtulder]

Thanks for giving it a try. I think this is an external issue and I don't know how to solve this, so I'm closing this issue for now. If more people have this problem, please add a comment and we can look further.

[BoshFlimshaw]

This is happening to me too.

Android 16
Samsung Fold 7

[EncryptedCicada]

I've looked at another related issue (#38) and it now feels like this might be an overflow bug somewhere in the rendering. I've not had the time to spend on looking at the code but I might try and debug this in a few weeks (no promises so do not expect me to come up with a solution).

My hunch is based on the fact that this begins to happen to assets at the edges of the elements (?). Like if the game goes on for long the tiles at the end start to appear buggy (#38) and since the bottom panel where the next tiles are is so small it is affected earlier than the rest?

Regarding the bottom tiles though, when the user rotates a tile a certain number of times, all the tiles disappear for that cycle which looks to be something akin to a circular buffer going out of bounds! Then again this is just my hunch and I'll have to understand the project to make any concrete claims. I'm sorry for anyone reading through this, I just didn't want to forget my suspicions if I do decide to come back to this in a few weeks.

[gvtulder]

Thanks all. No idea yet how to solve this , but let's at least reopen this.

For the issue in #38, yesterday I pushed an update to the dragging logic (in v1.0.15 when that arrives on F-Droid or play store). Previously it was possible to start dragging two tiles at once, for example using two fingers on a touch device. That was not the intention and might have caused problems when the tile position is reset at the end. With a bit of trial and error I was able to leave some tiles in the wrong place. I've changed this to make sure that 1. you can only drag one tile at a time and 2. the dragging status of the other tiles is reset when you start dragging.

With a bit of luck this change might also help here, but I have the impression that this is more of a rendering bug that is difficult to solve from the HTML/JS/CSS side. (There might be a workaround, though.)

[BoshFlimshaw]

I'm not sure if these are related but it seems to be in the same vein at least.

Screen_Recording_20251204_092816_Tessel.mp4

[gvtulder]

No idea if they're related to the disappearing tiles posted earlier, but this video is quite interesting. Thanks.
Looking at this frame, it seems related to the SVG clipPath that is used to give each tile a round outline. The clip paths are in the correct position, but your browser is for somehow plotting the orange triangle inside each of them:

(also interesting to see that the orange tile inside the upside-down triangles is shifted upwards a bit)

[gvtulder]

If you're up for a bit of debugging, here is a version of the Android app with the clip paths disabled (code). Does that fix the issue?
APK in ZIP: tessel-1f3ccc1.zip

[BoshFlimshaw]

With new app posted above

Screen_Recording_20251205_131842_Tessel.mp4