Inline style of 'display: inline-block' applied to popper target container
See original GitHub issueIn the popper component, it adds a div with an inline style of display: inline-block
shown here.
It’d be great if this was a class instead so better customizations could be made to the styling of the input, specifically in regards to width—right now you can’t make the width of the input 100% due to this.
Issue Analytics
- State:
- Created 6 years ago
- Reactions:1
- Comments:7 (4 by maintainers)
Top Results From Across the Web
css - Bootstrap 4 - Inline List? - Stack Overflow
Bootstrap4. Remove a list's bullets and apply some light margin with a combination of two classes, .list-inline and .list-inline-item.
Read more >Display Inline Block Responsive - W3Schools Tryit Editor
Use the d-inline-block class to make an element display inline block. Use any of the d-*-inline-block classes to control WHEN the element should...
Read more >Popovers - Bootstrap
Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.
Read more >Overlays | React-Bootstrap
Overlays consist of at least two elements, the "overlay", the element to be positioned, as well as a "target", the element the overlay...
Read more >Use Popper.js in Angular projects | by Sergey Gultyayev
This is time for styling! These are the styles.scss (global styles) body { height: 200vh; } button { margin-top: 100px; } .popper {...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@rafeememon ok, I will try to fix and commit it now
@sahaviev @siarheipashkevich feel free to submit a PR