question-mark
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.

SizePerPageDropDown doesn't dropdown in bootstrap@4.0.0-beta.2

See original GitHub issue

Need to add ${openClass} to class on dropdown-menu so it opens using bootstrap@4.0.0-beta.2

<ul className={${openClass} dropdown-menu} role='menu' aria-labelledby='pageDropDown'>

https://github.com/AllenFang/react-bootstrap-table/blob/fed36faab76abf12c5dad5589910df7bb81dd908/src/pagination/SizePerPageDropDown.js#L37

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
AllenFangcommented, Dec 23, 2017

Fixed on v4.3.1

1reaction
DitoRaharjocommented, Nov 30, 2017

I found some problem with the dropdown after adding version="4" :

  • The clickable area in dropdown is only the number itself not the whole cell
  • Dropdown cannot be closed after I choose one of the option
  • The dropdown option shown up above the element.

I’m using v4.2.0 and bootstrap 4.0.0-beta.2

react-bootstrap-table bug

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap 4 Dropdown Menu not working? - Stack Overflow
I copied the official Bootstrap 4 example for dropdown menus but it is not working, that is nothing is dropped down.
Read more >
Dropdowns - Bootstrap
Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown ...
Read more >
Bootstrap 4 beta bug report · Issue #1783 - GitHub
AllenFang mentioned this issue on Dec 4, 2017. SizePerPageDropDown doesn't dropdown in bootstrap@4.0.0-beta.2 #1779.
Read more >
Bootstrap 4 Dropdowns - W3Schools
dropdown class indicates a dropdown menu. To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and...
Read more >
How do you change styling of dropdown menu items in ...
I'm using Bootstrap 4.5.2. In the example of navbar coding shown below, I can adjust the vertical spacing of the primary menu items...
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found