Prevent scrollbars on tooltip if no overflow?

Question

I created a tooltip, and I have the following CSS. Please note that on Mac, works like a charm but on windows - no luck. Even when the content is not overflowing, the scrollbar tracks show. how can I have my tooltips without them? And if they need them, how can I show only the vertical one.

.tooltip-container {
  font-size: 1.2rem;
  overflow: scroll;
  max-height: 200px;

sjm · Accepted Answer · 2015-07-26 07:40:04Z

1

Hide the x-axis with overflow-x: hidden, on the y-axis use the 'auto' value which will only show the scrollbar if needed

.tooltip-container {
  font-size: 1.2rem;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;

answered Jul 26, 2015 at 7:40

sjm

5,5181 gold badge28 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1492442 Over a year ago

Thanks - I'll give this a try in the morning. If good, I'll be happy to accept! - thanks!

Collectives™ on Stack Overflow

Prevent scrollbars on tooltip if no overflow?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related