button size changes when clicked




4 years ago
7 months ago


(Reporter: als, Unassigned)



1.9.0 Branch

Firefox Tracking Flags

(Not tracked)



(3 attachments)



4 years ago
Created attachment 8436464 [details]

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:28.0) Gecko/20100101 Firefox/28.0 (Beta/Release)
Build ID: 20140314220517

Steps to reproduce:

With the attached page, click on the button "Level 1". 

Actual results:

The size of its content changes from 19px to 17px. This makes the button smaller and the rest of the page moves up. This is dependent on the :hover style. If I remove the input:hover then the size does not change.

Expected results:

The button should have stayed the same size.

Comment 1

4 years ago
Reproduced with 2014-06-09-03-02-02-mozilla-central-firefox-32.0a1.ru.linux-x86_64.
QA Whiteboard: [bugday-20140609]
Component: Untriaged → Layout
Product: Firefox → Core

Comment 2

4 years ago
-g 2007-05-25-04-trunk.firefox-3.0a5pre.en-US.linux-i686
-g 2007-06-04-04-trunk.firefox-3.0a6pre.en-US.linux-i686
-b 2007-06-05-04-trunk.firefox-3.0a6pre.en-US.linux-i686
-b 2007-06-06-04-trunk.firefox-3.0a6pre.en-US.linux-i686
QA Whiteboard: [bugday-20140609] → [bugday-20140609][DUPEME?]
Keywords: regression
Version: 28 Branch → 1.9.1 Branch


4 years ago
Version: 1.9.1 Branch → 1.9.0 Branch
Looks like the hover bit drops native theming, but we don't reflow at the presumably different font/font-size as a result for some reason, until the button is clicked.

Comment 4

2 years ago
Reproduced with current nightly and release versions on Win-10. 
Given your comment above, is this an issue Mozilla would want to pursue?
Flags: needinfo?(bzbarsky)
Well, we should fix it, yes...
Ever confirmed: true
Flags: needinfo?(bzbarsky)


2 years ago
Duplicate of this bug: 1293627

Comment 7

2 years ago
The problem reappears, but the only difference is that the size of all the buttons are too big (even if there is no "hover" CSS code).
When a click is done, the size of the buttons returns to its NORMAL size.
With all Linux 16.04 OS (Kubuntu, Ubuntu, Xubuntu) and Firefox 45.0.2 : NO PROBLEM
With all Linux 16.04 OS and Firefox 47.0 and Firefox 48.0 the problem appears.
Comment 7 sounds like a separate issue unrelated to this bug, which is pretty specific to the :hover style issue.  Please file a separate bug, with a testcase showing the problem, and cc me.

Comment 9

2 years ago
I don't really agree with this point : in all my HTML/PHP applications I use :hover CSS and I have the same problem that is exposed in this case.

It is the display of the button that is WRONG : the :hover action displays the button on its NORMAL size.

To avoid repetitions, you can have more details on bug 1293627 that has been declared as duplicate of the current bug.
Bug 1293627 is in fact about :hover being involved, no?

Comment 11

2 years ago
Yes :hover is involved, but in the wright behavior
That's the standard display that is wrong
I think if you use the HTML code of " buttonHgt2.html " with Chromium, you will see the size of the three buttons have the same size before and after click (the same size also when you have click with the CSS :hover code with Firefox)

Comment 12

2 years ago
If you use the  "buttonHgt2.html " example, an other view of the problem is :

* The original size of the buttons are too big (too much pixel between borders and text)
* When you use the click action, the CSS hover action restores the correct size.

So, the problem is perhaps in the manner of displaying every button (with or without CSS hover).
For the "buttonHgt2.html " example, I have not the original HTML script, but test this script under an other web browser and you are going to see that the buttons are smaller and that the CSS hover action is not the problem.

Comment 13

7 months ago
Created attachment 8909145 [details]
image firefox 45.png

Comment 14

7 months ago
Created attachment 8909147 [details]
image firefox 55.png

Comment 15

7 months ago
I just migrate to last version of KDE : 17.04.
The version of Firefox is now 55 and the problem always exists.
I suppose i am not the only developper in PHP !
I am forced to use Firefox 45 !
I repeat : this problem exists only on linux versions ; windows versions have no problem.
I test my applications on two different computers : one is an AMD processor, and the other has an Intel processor with a different graphic chipset. The results are the same on the tho computers.
I join two screens of an index page from one of my applications : with Firefox 45 (good) and with Firefox 55 (BAD).

I hope a solution will be founded ...
You need to log in before you can comment on or make changes to this bug.