Follow-up from #2094179: Fix search block appearence.

Originally posted by @staminna:

Hi.

I think this is the right issue.

Up to date Safari and Chrome:
safari_chrome_overlaps_the_slogan_and_header.png

Firefox:
firefox_9.png

I can't find 7.x-3.0-beta1 but I've tested with rc1 and -dev and this case remains.

CommentFileSizeAuthor
firefox_9.png18.21 KBvalkum
safari_chrome_overlaps_the_slogan_and_header.png19.63 KBvalkum

Comments

valkum’s picture

valkum commented
Status: Active » Closed (won't fix)

Related to: Input group in navbar [1]
You can change the width of the input-group ([2]) in YOUR sub-theme.
But as this is a bug in Bootstrap and all possible solutions mentioned on github are hacks we won't fix it.

Open this issue when there is a proper fix for bootstrap.

[1]: https://github.com/twbs/bootstrap/issues/9950
[2]: https://github.com/twbs/bootstrap/issues/9950#issuecomment-22968887

valkum’s picture

valkum commented
Issue summary: View changes

added blockquote

giorgio79’s picture

giorgio79 commented

The github issue progressed, and it looks like a Chrome bug, not a Bootstrap bug. A solution is also posted at the end, perhaps we can use that? :)
https://github.com/twbs/bootstrap/issues/9950

giorgio79’s picture

giorgio79 commented
Issue summary: View changes
Status: Closed (won't fix) » Active
markhalliwell’s picture

markhalliwell
Primary language English
commented
Status: Active » Closed (won't fix)

This is a Chrome bug:
https://code.google.com/p/chromium/issues/detail?id=309483

As stated before, we won't introduce "fixes" for 3rd party bugs. The CSS solution you mention can still be used in your own sub-themes, but it has no place in this project.

giorgio79’s picture

giorgio79 commented

Adding
#block-search-form {width:250px}
with css injector fixed it for me...

markhalliwell’s picture

markhalliwell
Primary language English
commented

Yes, it fixed it for your theme implementation. Not everyone that uses this theme will have the same dimension requirements as you. This is why it makes this type of CSS solution a "hack" and why I cannot add it to the base-theme. Hopefully this bug will be fixed in webkit soon and no one will have to use this solution.

R-H’s picture

R-H commented

Wondering if there is a Bootstrap or Chrome fix for this yet? Anyone know?

knalstaaf’s picture

knalstaaf commented

This is the most efficient fix afaik:

#search-block-form .input-group-btn{
  width: auto;
}

(Source)

grahamvalue’s picture

grahamvalue commented

Subscribing.

Incidentally, the issue also happens in Safari.
And the fix in comment #6 does not work in responsive mode (it interferes with the secondary menu).

Hope this helps!
Thanks.

markhalliwell’s picture

markhalliwell
Primary language English
commented

@serenitystocks.com, you do not have to comment on an issue to follow it anymore (there is now a follow/un-follow button underneath the meta block in the sidebar).

Also, please read the entire issue, it has been marked as "Closed (won't fix)" already because it is a webkit issue (which both chrome and safari use).

grahamvalue’s picture

grahamvalue commented

Thank you, markcarver!

Just shared the information in case it helps someone.
And subscribed in case someone posts here once the underlying cause is fixed.