Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Fontawesome/Dropdown/Accordion error

See original GitHub issue

Getting two errors on firefox 72, does not appear to have an affect on the framework, but i haven’t tested that much. Happens on a fresh install of fomantic and only on firefox afaik.

downloadable font: OS/2: Bad sTypoLineGap, setting it to 0: -32 (font-family: "Dropdown" style:normal weight:400 stretch:100 src index:0) source: data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAA … AG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=
downloadable font: OS/2: Bad sTypoLineGap, setting it to 0: -32 (font-family: "Accordion" style:normal weight:400 stretch:100 src index:0) source: data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAA … AHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

Issue Analytics

State:
Created 4 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

lubber-decommented, Oct 3, 2022

Fixed by https://github.com/fomantic/Fomantic-UI/pull/2480

1reaction

MuddyFirecommented, Mar 17, 2020

I ran into this same problem in my nav menu. It, of course, has dropdowns to show additional submenus/options… and I was using the bog-standard Fomantic-UI $(".ui.dropdown").dropdown(); as well…

If you have the same problem, you can resolve the issue in two different ways:

change the <i class="dropdown icon"> tags to <i class="caret down icon">, and/or
change the straight-from-the-documentation function call from: $(".ui.dropdown").dropdown();
to $('div.ui.dropdown').dropdown(); and $('select.ui.dropdown').dropdown();

…the keyword dropdown, in the context of an icon, if you use the standard documentation’s recommended jQuery call, is unfortunately being interpreted as a dropdown menu.

I would suggest that the Fomantic team change the documentation for dropdown usage… by replacing: $('.ui.dropdown') .dropdown() ;

with $('div.ui.dropdown').dropdown(); and $('select.ui.dropdown').dropdown();

Top Results From Across the Web

icon change on accordion dropdown, but the Javascript file ...

However when I load the HTML file locally I get a 'Uncaught ReferenceError: $ is not defined' error. I assume this is what's...

chevron-down Icon

chevron-down icon in the Solid style. Make a bold statement in small sizes.. Available now in Font Awesome 6.

Font Awesome Icon Issues | Themeco Docs

A common problem related to Font Awesome icons missing is due to the domain being requested outside the domain of which the resource...

How to change (-, +) symbol with a button in Bootstrap ...

Finally, use jQuery toggleClass() method to change (-, +) symbol with a button Bootstrap Accordion In fontawesome, class=”fas fa-plus” for ...

Font Awesome Directional Icons

The table below shows all Font Awesome Directional icons: ... Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot ......