Topic: incorrect class names

beckleswoutlook-com priority asked 2 years ago


The class names in some of the documentation do not exist in the provided css files. E.g. There is no "select" class, however the documentation for select shows class="select" However, I've found that the original bootstrap names like "form-select" are in the provided css files, but the animation is missing.

Expected behavior select styles and animation applied

Actual behavior no styles or animation applied

Resources (screenshots, code snippets etc.)

See documentation at https://mdbootstrap.com/docs/standard/forms/select/

See css provided in your 4.1 standard mdb.min.css

Extract from my index.html

<!-- MDBootstrap -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
<link rel="stylesheet" href="css/mdb/mdb.min.css" />
<link rel="stylesheet" href="plugins/css/all.min.css" />

<!-- MDB ESSENTIAL -->

<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript" src="plugins/js/all.min.js"></script>


Mateusz Lazaru staff answered 2 years ago


Does any error appear in console? Could you recreate this bug in a snippet?


beckleswoutlook-com priority commented 2 years ago

No errors appear, but I wouldn't expect errors for missing css classes. Will create a snippet shortly.


beckleswoutlook-com priority commented 2 years ago

The snippet tool is working fine now. When I did it initially, it had the same problem I had locally. Basically all I did was copy the code snippet from the documentation into the snippet tool.


Mateusz Lazaru staff answered 2 years ago


Im not sure if this is correct path to our script:

<link rel="stylesheet" href="css/mdb/mdb.min.css" />

Try to replace it with this:

<link rel="stylesheet" href="css/mdb.min.css" />

beckleswoutlook-com priority commented 2 years ago

The issue seems to be a conflict with another JavaScript/CSS module that's overriding your select code, but your other stuff works fine. So, the root issue is nothing to do with your library, so you can close this ticket.

Thanks for following up.


FREE CONSULTATION

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

Status

Closed

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 4.1.0
  • Device: PC
  • Browser: Edge (Chromium)
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes