Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Input and select misaligned

See original GitHub issue

Bug, feature request, or proposal:

Bug

sem titulo

What is the expected behavior?

Alignment according to another field

What is the current behavior?

Misaligned

What are the steps to reproduce?

https://embed.plnkr.co/cqdmVrghMOpUOYESWySg/

Is there anything else we should know?

I’m building a layout according to the project https://github.com/EladBezalel/material2-start This uses:

: Host { Display: flex; Flex: 1; }

In your css, so when I started to use in my project I noticed a disagreement at the height of the fields as picture and plunker. I’m not sure if this is an expected behavior, or if the behavior of the select field should not be interfered with.

Issue Analytics

State:
Created 6 years ago
Comments:9 (5 by maintainers)

Top GitHub Comments

2reactions

mmalerbacommented, Jun 5, 2017

I just re-did the md-input-container to make all the spacing match the spec. We need to do a similar treatment for the md-select. Actually ideally we should refactor it so that the same CSS styles can be shared by the two components.

1reaction

crisbetocommented, Jun 3, 2017

Should be fixed by https://github.com/angular/material2/pull/4788, which was merged in yesterday.

Top Results From Across the Web

Input TEXT and SELECT are not aligned - MDBootstrap

Hello, I have a little problem with SELECT and input TEXT, they are not aligned and the color of the element selected and...

Form Inputs Not Aligned - html - Stack Overflow

My select box and input box have the exact same CSS code. I've tried using max-width and vertical-align but both didn't work. Also...

Help please! why is the select input not aligned with the Name ...

Help please! why is the select input not aligned with the Name Email and Age? isn't the code is the same?

How to Align Labels Next to Inputs - W3docs

In this snippet, you'll learn how to align elements next to elements. Align labels to the right and left of inputs by using...

Input and select elements are misaligned in the admin area

When placed side by side with inline select boxes, input elements are vertically misaligned in the admin area. Setting vertical-align to middle after...