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.

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

Kibana displays overlaying dots on pagination numbers when user selects and tries to delete saved objects from saved objects management table #87232

Closed
bhavyarm opened this issue Jan 4, 2021 · 4 comments · Fixed by #87623
Labels
bug Fixes for quality problems that affect the customer experience Feature:Saved Objects Team:Core Core services & architecture: plugins, logging, config, saved objects, http, ES client, i18n, etc Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.

Comments

@bhavyarm
Copy link
Contributor

bhavyarm commented Jan 4, 2021

Kibana version: 7.11.0 latest snapshot

Elasticsearch version: 7.11.0 latest snapshot

Server OS version: darwin_x86_64

Browser version: chrome latest

Browser OS version: OS X

Original install method (e.g. download page, yum, from source, etc.): from staging

Describe the bug: If user selects saved objects from saved objects table to delete them - Kibana displays overlaying dot on pagination numbers. If user selects just one object - Kibana displays a dot next to no 1

Screen Shot 2021-01-04 at 4 00 45 PM

dots

@bhavyarm bhavyarm added bug Fixes for quality problems that affect the customer experience Team:Core Core services & architecture: plugins, logging, config, saved objects, http, ES client, i18n, etc Feature:Saved Objects labels Jan 4, 2021
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-core (Team:Core)

@pgayvallet
Copy link
Contributor

@elastic/kibana-design I can confirm the bug, however we are only using EUI components in the confirmation delete modal , without any custom style override, so I think it may be an issue with EUI. Maybe a conflict with a EuiInMemoryTable inside a EuiConfirmModal?

It seems that for some reason, the li::marker is present:

Screenshot 2021-01-05 at 08 08 24

could you take a look?

@pgayvallet pgayvallet added the Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. label Jan 5, 2021
@cchaos
Copy link
Contributor

cchaos commented Jan 5, 2021

@pgayvallet , The problem is that EuiConfirmModal puts it's content within an EuiText block that can't be removed. The suggestion here would be to recreate the EuiConfirmModal layout using regular EuiModal components.

@pgayvallet
Copy link
Contributor

@cchaos thanks for the insight. Will take a shot

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Fixes for quality problems that affect the customer experience Feature:Saved Objects Team:Core Core services & architecture: plugins, logging, config, saved objects, http, ES client, i18n, etc Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants