@pouyana opened this Issue on June 22nd 2017

Piwik Version

Piwik version: 3.0.4
MySQL version: 5.5.5
PHP version: 7.0.7
Browser: Firefox 55.0b2 (64-bit)

How to reproduce:

In Firefox add a site with name longer than the 210px (43 chars for example). Instead of showing the 210px first part of the given name it only shows ... which is indistinguishable with other sites. You have to hover over the field to find out which site's statistics you are seeing. I tested the same with chrome and Piwik works correctly there.

@sgiehl commented on June 29th 2017 Member

Maybe an issue of the Firefox beta? It works perfectly in Firefox 54 on Windows.

@pouyana commented on July 4th 2017

so in the css-class:
```lang=CSS
.siteSelector a.title > span {
max-width: 161px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}


`display: inline-block;` makes the difference. Omitting it will show the site name partially again. I don't know if Firefox does it differently in v55 or It is just a Piwik problem.
@Findus23 commented on July 4th 2017 Member

Hi,
I can reproduce this in Firefox Developer Edition (55.0b6) on Linux.
It works correctly in Chromium and Firefox ESR.

But in Firefox 55 only the ellipsis is printed.
screenshot_20170704_141012

Oddly disabling the following CSS lines doesn't change anything.

overflow: hidden;
text-overflow: ellipsis;

If I change the max-width: to below 155px it also works again. (Changing the width of the surrounding <a> doesn't fix it, but decreasing the font size does.

I think this is a bug in Firefox as this can't be intended.

@Findus23 commented on July 4th 2017 Member

I created a minimal example where the error occurs: https://jsfiddle.net/dn993xcL/3/
(unfortunately the css structure is lost in it)

@pouyana commented on July 4th 2017
@Findus23 commented on July 4th 2017 Member

Done: https://bugzilla.mozilla.org/show_bug.cgi?id=1378131

(I hope it is understandable as it's my first bug report at Mozilla)

@Findus23 commented on July 4th 2017 Member

To sum it up:

Firefox is behaving as it should and we need to remove the display: inline-block; from the inner span. (which is what @pouyana initially suggested)

Let's see what the UI test says: https://travis-ci.org/piwik/piwik/builds/250107854

This Issue was closed on July 17th 2017
Powered by GitHub Issue Mirror