Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Input group with submit button not rendering properly in Chrome & Safari #301

Open
jordaneb opened this issue Mar 29, 2019 · 2 comments
Open

Input group with submit button not rendering properly in Chrome & Safari #301

jordaneb opened this issue Mar 29, 2019 · 2 comments

Comments

@jordaneb
Copy link
Member

jordaneb commented Mar 29, 2019 •
edited
Loading

When using an button with type=submit inside an InputGroup, in Chrome and Safari this does not render as expected and the button wraps into a new line

See the broken-input-groups branch for a code example.

image
Pictured: (left) how it should look. (right) how it looks when type="submit" has been added to the button.
@JakeSidSmith
Copy link
Contributor

@jordaneb screenshot? / whip up an example on a new branch.

@JakeSidSmith
Copy link
Contributor

JakeSidSmith commented Mar 29, 2019 •
edited
Loading

Ah, this is a known issue. Though I can't find a specific GitHub issue for it now...

This is a problem with rendering any button component inside an input group. They don't correctly accept the display: table-cell; property.

Definitely needs fixing somehow.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@JakeSidSmith @jordaneb