Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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:
Firefox:
I can't find 7.x-3.0-beta1 but I've tested with rc1 and -dev and this case remains.
Comment | File | Size | Author |
---|---|---|---|
firefox_9.png | 18.21 KB | valkum | |
safari_chrome_overlaps_the_slogan_and_header.png | 19.63 KB | valkum |
Comments
Comment #1
valkum CreditAttribution: valkum commentedRelated 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
Comment #1.0
valkum CreditAttribution: valkum commentedadded blockquote
Comment #2
giorgio79 CreditAttribution: giorgio79 commentedThe 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
Comment #3
giorgio79 CreditAttribution: giorgio79 commentedComment #4
markhalliwellThis 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.
Comment #5
giorgio79 CreditAttribution: giorgio79 commentedAdding
#block-search-form {width:250px}
with css injector fixed it for me...
Comment #6
markhalliwellYes, 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.
Comment #7
R-H CreditAttribution: R-H commentedWondering if there is a Bootstrap or Chrome fix for this yet? Anyone know?
Comment #8
knalstaaf CreditAttribution: knalstaaf commentedThis is the most efficient fix afaik:
(Source)
Comment #9
grahamvalue CreditAttribution: grahamvalue commentedSubscribing.
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.
Comment #10
markhalliwell@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).
Comment #11
grahamvalue CreditAttribution: grahamvalue commentedThank you, markcarver!
Just shared the information in case it helps someone.
And subscribed in case someone posts here once the underlying cause is fixed.