Topic: MDBSelect- weird symbols instead of down arrow

RsrgChData premium asked 9 months ago


Expected behavior

expect down arrow (▼)

Actual behavior I am using MDBSelect component. At times, instead of the down arrow symbol, I encounter strange characters like 'â–¼'. I attempted to solve this by changing the CSS class to:

.select-arrow:before { content: '\25BC' !important; }

However, the problem persists from time to time.

Note: When I refresh the page, the issue disappears and it renders the correct symbol.

While inspecting the problem, I noticed that I didn't have any failed CSS requests, or any requests at all. Everything on the page and within the component works properly, except for these weird symbols. The project's charset is set to UTF-8.

Resources (screenshots, code snippets etc.)


Mateusz Lazaru staff answered 9 months ago


The problem can be solved by updating the MDB to the latest version, as version 6.1.0 introduced a style update.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 5.1.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No