Topic: icon class="prefix" covers text

clouddudes priority asked 2 years ago

Expected behavior Large icon next to the list dropdown

Actual behavior Large icon covers the list dropdown

Resources (screenshots, code snippets etc.) Hello, here is the code I'm using. I've tried putting the "i" tag after the "select" tag but before the first "option" tag. I've also tried putting it before the text of the first "option" tag but it does not have the same behavior as the other fields. It will either be covering the list as the screenshot shows or it will not show at all.

<div class="md-form">
<i class="fas fa-microphone prefix white-text"></i>
<select class="mdb-select">
<option value="" disabled selected>Escoje sermon o radio</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>

enter image description here

Marcin Luczak staff commented 2 years ago


I can't reproduce your issue with this code, it works properly for me. Would you be able to create a snippet with all your items to show the bug?

Keep coding, Marcin

clouddudes priority commented 2 years ago

Hello Marcin... thank you for looking into this. I had never created a snippet before so I started playing around with it. Well, it turns out, looking at the different packages I have downloaded, I seem to be using 4.9.0 templates and I think that might have something to do with it. If I set the snippet to 4.20.0, it works just as expected. However, if I set it to 4.9.0, it does not look right. It doesn't look exactly like what I have here, but it looks worse LoL. So I need to see if I can upgrade to 4.20.0 or do something else.

Marcin Luczak staff commented 2 years ago

Unfortunately, 4.9.0 is an outdated package and this might be the source of your issues. Basing on your orders you have access to the MDB4 4.19.2 package and even to the MDB5 so you should be able to upgrade to the package that won't cause problems. If you run into any other issues, don't hesitate to report them :)


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: MDB4 4.20.0
  • Device: Computer
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No