New issue
Advanced search Search tips

Issue 829862 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: Nov 22
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Input Element will cause the parent div margin the bottom for 5 pixel

Reported by jyx77393...@gmail.com, Apr 6 2018

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36

Steps to reproduce the problem:

Please find enclosed for the div "div#remarkSelect.options"

What is the expected behavior?
Each "div.options" will margin the next "div.options" for 5 pixel.
But the "div#remarkSelect.options" margin more 5 pixel because of this input.

What went wrong?
The div "div#remarkSelect.options" contains an input element
Then i must add a style="margin-bottom: -5px;" to it to keep it margin next "div.options" for 5 pixel instead of 10 pixel.
It means if a div contains an input, it will make margin-bottom add more 5 pixel.
And i can't find which element was this 5 pixel belongs to.
The F12 DevTools will not highlight this 5 pixel for any element.

Did this work before? N/A 

Chrome version: 65.0.3325.181  Channel: stable
OS Version: 10.0
Flash Version: 

I think it is a bug and it is not my develop mistake.
 
confirm.html
7.4 KB View Download
Labels: Needs-Triage-M65
Cc: vamshi.kommuri@chromium.org
Labels: Triaged-ET Needs-Feedback
Thanks for filing the issue!

Checked the issue on reported chrome version 65.0.3325.181 using Windows 10 with the below mentioned steps.
1. Launched Chrome
2. Downloaded "confirm.html" file
3. Opened the file in a new tab.
We didn't observe any unusual spacing in the UI. Attaching the screen shot of the same.

@Reporter: As we are not very clear about the expected and actual spacing, could you please provide us with the screenshots of good and bad spacing which indeed helps us to triage the issue in a better way. 
829862.PNG
204 KB View Download

Comment 3 by woxxom@gmail.com, Apr 13 2018

confirm.html is not a complete HTML document so apparently it's rendered in quirks mode.
Adding <!DOCTYPE html><html><body> changes the element appearance.

@Reporter: Please check the issue on latest build and report us back the behavior. If issue is still reproducible please send us screenshots of expected and actual behavior. You can download latest builds from https://www.chromium.org/getting-involved/dev-channel.

Thanks!
Labels: Hotlist-DesktopUIChecked
Status: WontFix (was: Unconfirmed)
***Mass UI Triage***

We were unable to reproduce this bug. If this bug still reproduces for you, 
please reopen or file a new issue. Thanks!

Sign in to add a comment