Topic: Select flicking several times until properly show
When I click on the select, it shows the options
I click on the select, the options flashes on the screen and disappear... After a few clicks it stops flashing and properly show.
Resources (screenshots, code snippets etc.)
The page that I'm talking about is online now at the link: maonaroda.com/empresa-de-pintura.html
All right, now i see what you mean.
The select works well, it's 'uder' other element becouse of
.view class on parent element.
Try to change this:
<header> <div class="d-flex align-items-center justify-content-center view view-landingpage">
<header> <div class="d-flex align-items-center justify-content-center">
Check out our docs. There is an example of form with select. https://mdbootstrap.com/docs/jquery/forms/basic/#contact-form It works well here, so you can use this form and customize it. If it won't work please, create a snippet showing your problem here: https://mdbootstrap.com/snippets/. I'll try to help you.
I will submit a snippet because it presents another error too. Explaning: -Besides the error of "select flashing", they are show below other elements, like on this screenshot below.
The attachment that I talk about in my previous message is below.
Link to the page with the problem: https://maonaroda.com/empresa-de-pintura
Snippet of same page: https://mdbootstrap.com/snippets/jquery/newtongamajr/1680103
Screenshot showing the problem:
- User: Pro
- Premium support: Yes
- Technology: jQuery
- MDB Version: 4.7.1
- Device: Notebook
- Browser: Google Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No
- Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user