`EuiPopover` Remove arrow pointer #8831

ryankeairns · 2025-06-27T23:44:30Z

ryankeairns
Jun 27, 2025
Collaborator

This feels outdated... is it necessary? can we remove it?

Current state

Example from Geist

Alignment considerations

If removed, we may want to limit alignment to edges and not the center (or only use the arrow when aligned center?)
...we have all the alignment options available today.

Possible solutions

Never show an arrow but keep center alignment options
Never show an arrow and remove center alignment options
Only show an arrow on center alignment options
Change defaults to hasArrow: false and `anchorPosition: 'downLeft' (make arrow opt-in)
Do nothing; leave as-is

Answered by ryankeairns

Jul 30, 2025

For the current task of updating shadow tokens, continue as-is with arrows.

For the task of removing the arrows, proceed with Option 1 - Never show an arrow but keep center alignment options

Next steps:

Create an issue
Draft a PR
Test in EUI and Kibana settings
Make a final determination on if/how to proceed with the removal of arrows... including impact to shadows, if needed.

View full answer

ryankeairns · 2025-07-30T15:44:16Z

ryankeairns
Jul 30, 2025
Collaborator Author

@ek-so , et al, if we go with option 4, then we can keep the arrow for use cases that feel it is necessary while largely removing it in one fell swoop.

Also, these options are not mutually exclusive. We could come back and do 1, 2, or 3 later.
Progress over perfection. 1 or 2 could lead to a bevy of alignment discussions and breaking changes whereas 4 may be considered a breaking change but its soft.

0 replies

ek-so · 2025-07-30T15:54:09Z

ek-so
Jul 30, 2025
Collaborator

Thanks @ryankeairns for listing those! Some thoughts...

I don't see why we would want to keep an arrow only for center alignment 🤔 In my view it was, either removing it, or keeping it
We can also have all the same alignment options, seems to be no prob with that? (Notion example)
As for leaving arrows, I believe we need to align this decision with the new shadow tokens — because the implementation of the latter might depend on this. In other words, if we really want to keep arrows, we probably better decide it now and let EUI know, so that we can decide on the implementation to show them properly

1 reply

ryankeairns Jul 30, 2025
Collaborator Author

I don't see why we would want to keep an arrow only for center alignment 🤔 In my view it was, either removing it, or keeping it
We can also have all the same alignment options, seems to be no prob with that? (Notion example)

Ok, let's give it a go.

As for leaving arrows, I believe we need to align this decision with the new shadow tokens — because the implementation of the latter might depend on this. In other words, if we really want to keep arrows, we probably better decide it now and let EUI know, so that we can decide on the implementation to show them properly

Lene replied that it would be simpler to complete the task with arrows as-is. This seems fine and practical while providing us time to sort out exactly what we want here - test it in Kibana, get alignment, etc. That will take time and has no certain outcome, yet.

ryankeairns · 2025-07-30T16:24:42Z

ryankeairns
Jul 30, 2025
Collaborator Author

For the current task of updating shadow tokens, continue as-is with arrows.

For the task of removing the arrows, proceed with Option 1 - Never show an arrow but keep center alignment options

Next steps:

Create an issue
Draft a PR
Test in EUI and Kibana settings
Make a final determination on if/how to proceed with the removal of arrows... including impact to shadows, if needed.

1 reply

ryankeairns Jul 30, 2025
Collaborator Author

Issue is here #8931

ryankeairns · 2026-09-23T14:43:28Z

ryankeairns
Sep 23, 2026
Collaborator Author

Addressed by #9218

0 replies

Navigation Menu

Repository navigation

`EuiPopover` Remove arrow pointer #8831

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 4 comments 2 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

EuiPopover Remove arrow pointer #8831

Uh oh!

Uh oh!

ryankeairns Jun 27, 2025 Collaborator

Current state

Example from Geist

Alignment considerations

Possible solutions

Replies: 4 comments · 2 replies

Uh oh!

ryankeairns Jul 30, 2025 Collaborator Author

Uh oh!

ek-so Jul 30, 2025 Collaborator

Uh oh!

ryankeairns Jul 30, 2025 Collaborator Author

Uh oh!

Uh oh!

ryankeairns Jul 30, 2025 Collaborator Author

Uh oh!

ryankeairns Jul 30, 2025 Collaborator Author

Uh oh!

ryankeairns Sep 23, 2026 Collaborator Author

`EuiPopover` Remove arrow pointer #8831

ryankeairns
Jun 27, 2025
Collaborator

Replies: 4 comments 2 replies

ryankeairns
Jul 30, 2025
Collaborator Author

ek-so
Jul 30, 2025
Collaborator

ryankeairns Jul 30, 2025
Collaborator Author

ryankeairns
Jul 30, 2025
Collaborator Author

ryankeairns Jul 30, 2025
Collaborator Author

ryankeairns
Sep 23, 2026
Collaborator Author