You said " My attempt at using colour pick did not work", i tested your files in OBS without any code change, i could select the color for the first file Line, couldn't for the second.
[/QUOTE
Thanks @RichieTee for the feedback. Deeply appreciated.
When using colour picker (HTML5 or js), the (colour selector) popup doesn't comes up. This works outside the OBS (dock) though.
My understanding is that OBS (dock) doesn't allow ContextMenu or direct interaction.
This is different for Browser source in OBS.
Possibly, there is something that needs to be enabled. I trust the community will assist in this regard. If so, then with css and js, we can have one instance of colour picker and possibly instantiate it for all the different text fields.
Hence, in the 'version' that was uploaded, the colour picker (native HMTL5 or js), was commented out.
HTML:
<!--//NotUsedAsOBSDoesntAllowContextMenu--// input type="color" id="lower-thirds-name-color"-->
[Currently]
For line 1, colour can be selected from the drop down (substituted colour picker).
For line two, users can select or simply type the colour they want/prefer. Obviously, this has a limitation of: typing correctly, and the typed colour recognised.
When testing with a browser, for the 1st line i could change the color every time, however for the 2nd line, once the color is chosen it can't be changed unless the page is refreshed.
Thanks. Yes, that is correct. Will look at fixing the 'bug'; .click, .change ....
It's got to do with the difference between colour selector for line 1 and line 2.
For line 1, it's simply <select> <option> ... </select> ... <input ...>.
For line 2, it's
HTML:
<input type="text" ...>
<datalist id="color-list">
<select name="fxn-color2">
<option value="light grey" selected> light grey</option>
... ...
</select ...
[
Walkaround]
user should simply type in their desired colour. for line 2.
youtu.be
