The .element-invisible is the culprit here. It's getting clipped and a height...

Contribution Date

Thu, 12/25/2014 - 12:00

Technology

Contribution Project

Contribution Details

The .element-invisible is the culprit here. It's getting clipped and a height of 1px pixel is being added to it. However there is no width added which is causing an overflowing container. Adding 1px width fixes the problem here.

.element-invisible {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
    overflow: hidden;
    height: 1px;
    width: 1px;
}

I'll add a patch as soon as I have access to the development site.

Contribution Author

Bassam Ismail

Contribution Issue Link

Password fields are fixed width on mobile

Contribution Link

https://www.drupal.org/project/bluecheese/issues/2397713#comment-9462369

Files count

0

Patches count

0