Jemt / Fit.UI

Fit.UI is a JavaScript based UI framework built on Object Oriented principles
http://fitui.org
GNU Lesser General Public License v3.0
19 stars 7 forks source link

DropDown: Visible placeholder results in control appearing disabled #190

Open Jemt opened 1 year ago

Jemt commented 1 year ago

See https://jsfiddle.net/zhewnm1a/

Notice how the control appears dimmed as if it was disabled.

image

When we select a value, the arrow becomes visibly darker and now appears enabled.

image

image

Fit.Events.OnReady(function()
{
    var lv = new Fit.Controls.ListView();
    Fit.Array.ForEach(GetUsers(), function(user)
    {
        lv.AddItem(user.Name, user.Mail);
    });

    var dd = new Fit.Controls.DropDown("DropDown1");
    dd.SetPicker(lv);
    dd.MultiSelectionMode(false);
    dd.Placeholder("Select a user..");
    dd.Width(300);
    dd.DropDownMaxHeight(150);
    dd.InputEnabled(true);
    dd.Render(document.body);
});

// ============================
// Get demo data
// ============================

window.GetUsers = function(picker)
{
    var users =
    [
        { Name: "James Thomson", Mail: "james@server.com" },
        { Name: "Hans Törp", Mail: "hans@server.com" },
        { Name: "Ole Shortsom", Mail: "ole@server.com" },
        { Name: "Michael Burström", Mail: "michael@server.com" },
        { Name: "Ilda Longstum", Mail: "ilda@server.com" },
        { Name: "Martin Grom", Mail: "martin@server.com" },
        { Name: "Anders Handsom", Mail: "anders@server.com" },
        { Name: "Jacob Marking", Mail: "jacob@server.com" },
        { Name: "Jan Jacksson", Mail: "jan@server.com" },
        { Name: "Christian Fros", Mail: "christian@server.com" }
    ];

    return users;
}