Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    TileGrid tiles resize on first hover

    SmartClient Version: v13.1p_2026-06-08/AllModules Development Only (built 2026-06-08)
    SmartClient Version: v14.1p_2026-06-11/AllModules Development Only (built 2026-06-11)

    Chrome on MacOS

    Hi, I've noticed that if I add a border to the tileProperties of a TileGrid and use a fractional border width, such as 1.5px, the tiles are resized the first time the mouse hovers over them.

    I'd like to know whether fractional border widths are actually unsupported in this context, or if this could be a bug.

    Sample code:

    Code:
    isc.TileGrid.create({
        tileWidth:150,
        tileHeight:190,
        height:"100%",
        width:"100%",
        showAllRecords:true,
        tileProperties:{
            border:"1.5px solid red"
        },
        data:animalData,
        fields: [
            {name:"picture", type:"image", imageURLPrefix:"../inlineExamples/tiles/images/"},
            {name:"commonName"},
            {name:"status"}
        ]
    });

    #2
    Fractional pixels put browsers in a tricky situation where they have to map to real pixels or anti-alias to try to create a "blur" that roughly looks like what you asked for. Similar to browser zoom, there's a forest of browser bugs here.

    We wouldn't recommend trying a fractional pixel specification unless you have a pretty unusual situation, like total hardware control over a group of client machines: everyone is using the same equipment, where you know the exact pixel density and can control zoom, and lock it to specific intervals - like a medical imaging scenario.

    Outside of that, we'd recommend sticking to whole pixels until browser zoom gets a lot better and more consistent. In particular, in order to even investigate this weird issue you've got here, we'd need to understand the environment down to the specific OS version and patch level, OS zoom, browser zoom, physical and logical screen res, video hardware and drivers, and other details.

    Comment


      #3
      Thanks for the explanation, I’m fine with sticking to non-fractional values.

      Comment

      Working...
      X