Open Bug 1022325 Opened 10 years ago Updated 2 years ago

button size changes when clicked

Categories

(Core :: Layout, defect)

1.9.0 Branch
x86_64
Linux
defect

Tracking

()

People

(Reporter: als, Unassigned)

Details

(Keywords: regression)

Attachments

(3 files)

Attached file buttonHgt2.html
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.
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
-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
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.
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...
Status: UNCONFIRMED → NEW
Ever confirmed: true
Flags: needinfo?(bzbarsky)
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.
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?
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)
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.
Attached image image firefox 45.png
Attached image image firefox 55.png
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 ...
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: