Workaround for a browser-dependent rendering bug in V3.

Sort:
Avatar of LegoPirateSenior

As far as I can tell, Chrome and Opera have problems rendering posts that include wide tables. They render them so that the text overflows to the right of the space assigned to the posts. Here is a snapshot from the bug submission I've sent in moments ago:

phpRZbRLR.png

I did not do exhaustive testing, but this seems to be reproducible on all operating systems that support Chrome or Opera. On the other hand, Firefox, Safari, and IE all render the tables correctly, by squishing the whitespace so that everything fits nicely.

The workaround described in the above snapshot also seems to work everywhere I tried.

Avatar of LegoPirateSenior

PS: here's the correct rendering of the above, captured in Safari:

phpKLrn1O.png

Avatar of erik

Thanks. I've ticketed this to have overflow: scroll

Avatar of Wind

I had that problem when translating an arcticle with lots of games and text in it.

I just couldn't find the text box when clicking on the

php3FS46o.png

button.

I thought that was maybe because of the text being too big, or having lots of games in it.

Avatar of Wind

Oh never mind.

Mine was a different issue. Sorry.

Avatar of Prachi8101

2 things. 

*It may be zoomed in a lot so it is overflowing.

*Is the first picture taken on the most updated version of chrome?

Avatar of LegoPirateSenior
ChessMusicGirl wrote:

2 things. 

*It may be zoomed in a lot so it is overflowing.

*Is the first picture taken on the most updated version of chrome?

No zooming; in any case, decent browsers scale everything (within reason).

The first one was taken with Opera. Chrome does this similarly.

The real problem is that the table, that was pasted into the post, wants to be 708 pixels wide, and there is only 600 pixels of space available. Safari and Firefox do a fairly intelligent scaling of the table cells' widths, while Opera and Chrome apparently do not.

Scrolling on overflow is one way to fix it; I am also quite certain that CSS/JavaScript could be used to do in Opera/Chrome what Safari/Firefox do in their own.