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.

Dropdown is not working

See original GitHub issue

I’ve followed the docs on implementing a Dropdown, but it is not appearing when I click the trigger. Below is the code I’m using for that:

  <Dropdown isAlign="right" isPulled="right">
      <Button isColor="primary">
        <span>Button label</span>
        <span className="icon">
          <FontAwesomeIcon icon={['fal', 'chevron-circle-down']} />
        <DropdownItem tag="a">
          Menu item

Do I need to implement the opening and closing on click by myself?


react@16.8.6 react-dom@16.8.6 bloomer@0.6.5

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

AlgusDarkcommented, Sep 11, 2019

I will rewrite Bloomer to make it lighter than it is now and it will be easier to implement new Bulma.

At first wanted to create it with styled components but it was so hard to keep track to changes on Bulma 😕

AlgusDarkcommented, Sep 11, 2019

Wouldn’t styled components break theming capabilities with Bulma variables?

My idea was to transform all sass logic into styled components css and use theming based on that. Too crazy to maintain but was very interesting doing it. Better is to wait for Bulma to use css variables.

By the way, if there’s any support I can provide, be it in dev or test, I’m up for it!

Of course. If you have knowledge with lerna, would be interesting doing this a mono repo with Bloomer and Bloomer page. I will start doing all the tooling for Babel and eslint+TS.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap dropdown not working - Stack Overflow
The problem occurs mostly with loading of jQuery script, make sure you add references correctly.
Read more >
[Solved]-Bootstrap dropdown not working - Studytonight
Solution : The dropdown should be toggled via data attributes or using javascript. In the above program, we have forgotten to add a...
Read more >
drop down menus not working in Windows 10
We suggest you to run System Maintenance and check. Method 1: Run the troubleshooter. Press Windows + X key. Go to Control panel....
Read more >
navbar dropdown toggling not working
*Actual behavior*Still show. the sample link is appearing after outside of menu. *Resources (screenshots, ...
Read more >
Bootstrap 5 navbar dropdown not working (solved) on Codeply
I use navbar menu from Bootstrap5. My dropdown doesn't open or close. Codeply example.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found