Hi all,
I wrote a version of the DSST (Digit Symbol Substitution Test) with a customizable display grid for smartphone use. For ease of use, the user sets the height and position of the DSST reference grid at the top of the script, then the task begins and runs for the user's desired duration. To achieve the dynamic display of the grid, a black rectangle shape is drawn and then partially covered by text stimuli with white backgrounds, so that the black background creates a grid impression.
This has worked well in the past on multiple phone models (e.g., Samsung S10). However, one of my users was testing the script on a newer Samsung Galaxy S24 (SM-S921B/DS, running Android 15) and encountered a display issue where every even number on both the reference grid and the response scale was not displayed:

After she entered her first response, the display issue changed once (and then remained in the changed state after further responses):

While testing, I tried a version where each number stimulus got a unique background color, to see whether there was any overlap or covering issue, which resulted in the following:


I have no clue what's going on. What baffles me most is that the text stimuli are being drawn at their correct sizes, as otherwise you would expect to see no gridlines (they would be covered by the bgcolor of a too-wide text stimulus). Yet completely unrelated stimuli are being covered by the background color of other stimuli (e.g. the textbox for number 1 on the bottom left taking on the blue of textbox 2 instead of its own darkred). Would appreciate any help!
The current version of the script can be found at
https://mili2nd.eu/jzjc (note that this is a version with white textboxes, not the colored version shown above).