938623 - Web API interfaces list items cut off on top and bottom

Status: RESOLVED WORKSFORME

(developer.mozilla.org Graveyard :: General, defect, P2)

Description

[mikehaas763]

What did you do?
================
1. Just viewed the Web API interfaces page (beta)
2. 
3. 

What happened?
==============
Items were cut off on top and bottom

What should have happened?
==========================
List items should not be cut off. For example, in the first column I am seeing "EventSource" at the bottom however it is cut off half way through horizontally. At the top of the next column I see the lower cut off portion of "EventSource"

Is there anything else we should know?
======================================
I'm running latest chrome on Windows 8.1

Comment 1

[Jean-Yves Perrier [:teoli]]

It is a bug of chrome that doesn't support CSS3 Columns well.

Comment 2

[Jean-Yves Perrier [:teoli]]

Attachment: Screen Shot 2013-11-14 at 17.26.28.png

I don't know how to go around the problem for webkit/blink browsers.

Comment 3

[mikehaas763]

Ah, you're right. It's not just affecting the beta version either. I wonder if there is a bug opened up for webkit and/or blink, as it's affecting both. I did some googling but did not come across one.

Comment 4

[Jean-Yves Perrier [:teoli]]

I'm interested in a work-around, too; so if you know of any.

Comment 5

[David Walsh :davidwalsh]

The problem is that ".indexListRow" elements have a whole bunch of rubbish flexbox styling that cause the cutoff.  Since I have no idea where else this is used, I'll let the writers clean it up.

Comment 6

[Jean-Yves Perrier [:teoli]]

Feedbacking sheppy who may know what these flex things are for.

Comment 7

[Florian Scholz (Open Web Docs)]

No idea about this.

Comment 8

[Eric Shepherd [:sheppy]]

We added all these funky flexbox things because, at the time, it was the only way to keep things formatted properly. Without them, the icons were all winding up in weird places on certain browsers. Apparently implementations of things have changed since then.

We'll have to look at how to tweak this.