Editor datetime input is malformed
Editor datetime input is malformed
harkirat.singh
Posts: 11Questions: 1Answers: 0
in DateTime
The date input for the editor with bootstrap5 styling and floating labels is malformed. It has two overlapping input boxes.
You can see it at the example itself
Replies
Agreed - thanks for letting me know. I'll take a look into it.
Allan
While you are looking at it you might also want to look into datatables editor checkboxes with Bootstrap styling as it also has a overlap with two checkmarks showing, one from BS and one from DT.
I'm not seeing that in this example (select the Bootstrap 5 styling from the top right).
Can you link to a page showing the issue please?
Allan
You can see it in the example too when you select Bootstrap styling, the double checkmarks are there
I'm not seeing that in either Firefox or Chrome:
What browser, version and OS are you using please?
Allan
Thats strange. I am using Mac OS Sequoia 15.6.1 with Chrome 140.0.7339.214. I also tried on Windows machine (Windows Server 2019) on Chrome 141.0.7390.56 with same result (see attached)
The issue is the BS class 'form-check-input' that is inserting its own checkmark image. See attached.
I think I've got it. I am seeing it in the example, but only when I zoom to 400% - I can just see a small outline of the secondary tick. The fonts on my machine must just be overlapping them, while for you it is more obvious.
The good news is that this has already been fixed in Select 3.1.1 with this commit. Select 3.1.2 is the current release of Select, I just haven't yet rebuilt and redeployed the Editor site since that release! I'll get that done tomorrow hopefully.
In your own use case, update to Select 3.1.2 and the problem should be resolved.
Allan
Upgrading to Select 3.1.3 solved the checkbox issue thanks. Just the datetime overlap remains now. Will wait for your Editor update.
Awesome - thanks for letting me know.
Allan