Pavlovia: slider marker not appearing online when there are labels

What I used: Builder with custom code components
Psychopy version : v2020.2.9
operating system : macOS Big Sur

Description of the problem:
I have a slider and want to add labels: [‘LEFT: $20, RIGHT: $0’, ‘$15/$5’,’$10/$10’, ‘$5/$15’, ‘$0/$20’]

However, when I add these labels in builder the slider markers don’t show up online. Before I added the labels, I could see the markers. Am I missing anything in my code, and how can I see both labels and markers online?

slider component in builder:

slider custom code:

//begin experiment
 
col = new util.Color('white')
markerSize = 35;
// each frame
try {
    if (slider._markerColor.int !== col.int) {
        slider._markerColor = col;
        slider._marker.lineStyle(1, col.int, 1, 0.5);
        slider._marker.beginFill(col.int, 1);
        
        // Triangle Marker
        slider._marker.moveTo(0, 0);
        slider._marker.lineTo(markerSize, -markerSize);
        slider._marker.lineTo(-markerSize, -markerSize);
        slider._marker.endFill();
        
        // Circle marker
        // slider._marker.drawCircle(0, 0, 35/2);
        // slider._marker.endFill();
        slider._needUpdate = true;
        slider._updateIfNeeded();

     }
} catch (err) {}

Any help is greatly appreciated!

I’m trying to diagnose how to change the marker size in Pavlovia, TypeError when running on Pavlovia → Runs fine on PsychoPy - Online experiments - PsychoPy

I’m curious about your JS code in Begin Experiment setting

markerSize = 35;

It looks like you’re using height in the slider size (based on the decimals), but your marker size is 35. If your marker is just the standard circle, your marker might be there but enormous and off the screen.