CustomStyle in a Stacks object not working

[FurBurger]

The customStyle for a Stacks object doesn't seem to work if I create it as a key/value pair:

var MainMenu = new linb.UI.Stacks
        ({
            items:[{"id":"Analysis"}, {"id":"Data Capture"}, {"id":"Setup"}],
            customStyle:{"KEY":"font-size:24pt;font-weight:bold", "CAPTION":"font-size:24pt"},       
            left:0,
            top:0,
            value:"Analysis"
        })
        .show();

But it DOES work if use the SET/GET notation:


append(
                (new linb.UI.Stacks)
                .setHost(host,"ctl_stacks1")
                .setItems([{"id":"a", "caption":"page1"}])
                .setDock("none")
                .setLeft(0)
                .setTop(0)
                .setValue("a")
                .setCustomStyle({"KEY":"font-size:24pt", "CAPTION":"font-size:24pt"})
            );

[linb]

I tested your code, it works well.

[FurBurger]

That's strange.

See attached image.

When I insert this code into index.js, I get no font change:
           
var MainMenu = new linb.UI.Stacks
        ({
            items:[{"id":"Analysis"}, {"id":"Data Capture"}, {"id":"Setup"}],
            customStyle:{"KEY":"font-size:24pt;font-weight:bold", "CAPTION":"font-size:24pt"},       
            left:0,
            top:0,
            width:150,
            height:400,
            dock:"none",
            value:"Analysis"
        })
        .show();

[linb]

var MainMenu = new linb.UI.Stacks(
// prop
        {
            items:[{"id":"Analysis"}, {"id":"Data Capture"}, {"id":"Setup"}],       
            left:0,
            top:0,
            width:150,
            height:400,
            dock:"none",
            value:"Analysis"
        },
//events
        null,
//host
        null,
//theme
        null,
//custom style
        {"KEY":"font-size:24pt;font-weight:bold", "CAPTION":"font-size:24pt"},
//custom class
        null,
//custom behavior
        null,
//custom functions
        null
)
        .show();