1430514 - input widget disappears for a certain imposed width or height (but stays visible in Chrome)

Status: RESOLVED DUPLICATE of bug 1429307

(Core Graveyard :: Widget: Android, defect)

Description

[Karl Dubost💡 :karlcow]

This is  a spin-off of https://webcompat.com/issues/8009

The height seems to put the button out-of sight while it is not happening in Chrome.
Reduced test case: https://codepen.io/webcompat/pen/ZvjXQN

Comment 1

[Karl Dubost💡 :karlcow]

So similar issue, but different input for https://webcompat.com/issues/8011

<label class="checkbox" for="checkboxes-0">
  <input id="notify_broken" type="checkbox">
  The download link is broken or not working.				
</label>

.box input[type="checkbox"] {
    width: 30px;
    height: 15px;
    margin-right: 0;
}

putting width to auto is fixing it. 
Chrome has a different behavior.

Let's change the title.

Comment 2

[(inactive) Jim Chen [:jchen] [:darchons]]

Related to bug 1429307?

Comment 3

[Louis Chang [:louis]]

(In reply to Jim Chen [:jchen] [:darchons] from comment #2)
> Related to bug 1429307?

Yep, I think the patch in 1429307 could fix the padding issue here.

However, after fixing the padding issue, I find out that there is another bug where the left part of checkbox will be clipped.
The reduced testcase: https://codepen.io/ghoo1125/pen/ypRvLv
It also can be reproduced on android only.

Comment 4

[Louis Chang [:louis]]

> Yep, I think the patch in 1429307 could fix the padding issue here.
> 
> However, after fixing the padding issue, I find out that there is another
> bug where the left part of checkbox will be clipped.
> The reduced testcase: https://codepen.io/ghoo1125/pen/ypRvLv
> It also can be reproduced on android only.

It seems the problem is unrelated to the padding issue.
So set this bug as duplicate of bug 1429307. And open a new bug 1431033 for the clipping issue.

Comment 5

[Oana Arbuzov [:oanaarbuzov]]

I've retested the Webcompat issues and bellow are my results:
https://webcompat.com/issues/8009 - fixed
https://webcompat.com/issues/8011 - no longer reproducible due to design change

Tested with:
Browser / Version: Firefox Nightly 62.0a1 (2018-05-09)
Operating System: Google Pixel (Android 8.1.0) - 1080 x 1920 pixels (~441 ppi pixel density), Samsung Galaxy S6 (Android 7.0) - Resolution 1440 x 2560 pixels (~577 ppi pixel density)