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.

Inline style of 'display: inline-block' applied to popper target container

See original GitHub issue

In 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:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
sahavievcommented, Jul 12, 2017

@rafeememon ok, I will try to fix and commit it now

2reactions
rafeememoncommented, Jul 12, 2017

@sahaviev @siarheipashkevich feel free to submit a PR

Read more comments on GitHub >

github_iconTop 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 >

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