Apart from this answer, which appears to be invalid now, I can’t find any information on this, which makes me think that I’m doing something wrong.
I want to be able to set the “disabled” attribute on items that appear in a select box.
It’s not in the Option panel, where I add the Options themselves.
If I select the in the HTML window, the Attributes window displays “This element doesn’t accept attributes”.
The attribute is valid HTML, but I can’t find a way to set it in Bootstrap Studio 6.6.1 (Bootstrap 5.3)
What am I missing here?
You can convert your select to HTML and add the disabled attribute to the options you want to disable, or you can do it with javascript. The option elements does not accept attributes from the attribute tab
I’m aware I can edit it in the resulting HTML.
The question is why can’t it be edited in Bootstrap Studio? Is this a bug?
Seems like a strange thing to overlook?
If you right click the select component in the overview panel and choose convert to HTML, that will create a custom code block which you ca edit in Bootstrap Studio
Ahh, I see.
No wonder I missed it. That is so unintuitive and inconsistent.
What a clunky hack way to do something that should just follow the same workflow as other elements.
Anyway, thanks for pointing it out.