Forum Bugs

"overflow: hidden;" blocks wrap unnecessarily

srlbrooks
Greetings,

Have a header requirement to display variable width numbering inline with variable length title that should have an ellipsis if overflowing. Can't use a table due to variable numbering length, also can't use flexbox layout ;)

Float the numbering div left and expect the long title div to overflow hidden and keep on same line but it wraps first.

Html behaves as expected in Chrome and Firefox (not tested on IE).

Floating the title div or using display: inline-block; break the overflow ellipsis.

Best Regards,
Stephen
  1. overflowtext.html0.6 kB
    Input html
  2. overflowtext.pdf23.1 kB
    Output pdf