Skip to content

[Global search bar] Fix search bar outline disappeared#197790

Closed
viajes7 wants to merge 2 commits intoelastic:mainfrom
viajes7:fix/global-search-bar-outline
Closed

[Global search bar] Fix search bar outline disappeared#197790
viajes7 wants to merge 2 commits intoelastic:mainfrom
viajes7:fix/global-search-bar-outline

Conversation

@viajes7
Copy link
Contributor

@viajes7 viajes7 commented Oct 25, 2024

Summary

Fixes #197542

In Eui header.styles.ts, add a border-color to form control group.

But if the search bar is clearable, this style will not be applied.

image

So, I'm considering if we can add a border to the input element when it's clearable.

After fixup:

image

@viajes7 viajes7 requested a review from a team as a code owner October 25, 2024 10:03
@viajes7
Copy link
Contributor Author

viajes7 commented Oct 25, 2024

And maybe it should add a test case? Waiting for your message.

@viajes7
Copy link
Contributor Author

viajes7 commented Oct 28, 2024

@elasticmachine merge upstream

@sebelga
Copy link
Contributor

sebelga commented Oct 28, 2024

Thanks for you contribution @viajes7 !
I wonder if this should not be fixed in the underlying Eui component. WDYT @cee-chen ?

@Dosant
Copy link
Contributor

Dosant commented Oct 28, 2024

@sebelga, pls see: #197542 (comment)

@cee-chen
Copy link
Contributor

cee-chen commented Oct 28, 2024

Hey y'all - you read our minds, EUI has a fix for this coming soon: elastic/eui#8100

Would you all want us to backport this fix to 8.16 as well?

@viajes7 viajes7 closed this Oct 29, 2024
@Dosant
Copy link
Contributor

Dosant commented Oct 29, 2024

@cee-chen, great news thank you. I think 8.16 would be nice, but not critical

cee-chen added a commit that referenced this pull request Oct 31, 2024
`97.0.0-backport.0`⏩`97.0.0-backport.1`

This backport release addresses #197542 and
#197790 (comment)

---

##
[`v97.0.0-backport.1`](https://github.com/elastic/eui/releases/v97.0.0-backport.1)

**This is a backport release only intended for use by Kibana.**

**Bug fixes**

- Fixed `EuiSelectableTemplateSitewide`s within dark-themed `EuiHeader`s
missing input borders
([#8100](elastic/eui#8100))
@viajes7 viajes7 deleted the fix/global-search-bar-outline branch November 6, 2024 03:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Global search bar outline is disappearing

6 participants