Skip to content

When legend on TSVB is moved to bottom of chart hovering over annotations causes flickering #17852

@DanRoscigno

Description

@DanRoscigno

Kibana version: 6.2.4

Elasticsearch version: 6.2.4

Server OS version: Elastic Cloud

Browser version: Chrome version 66.0.3359.117 (Official Build) (64-bit)

Browser OS version: macOS 10.13.4

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

Description of the problem including expected versus actual behavior:
Expected: Hover over an annotation should display the message without flickering even if the annotation is at the right edge of the chart and the legend is moved to the bottom of the chart.

Actual: The message pops up (I am guessing from here on out), the message exceeds the width of the chart area, it disappears and then pops back up again as I am still hovering. Repeats until I move the mouse.

Steps to reproduce:

  1. Build a Visual Time Series line graph
  2. Configure the legend to be at the bottom of the chart (probably anywhere but right side)
  3. Add an annotation with a 30 char long message
  4. Cause the annotation query to match at the current time (so it is at far right)
  5. Hover over the annotation

Ping me if you want a video of this, I was recording the screen when it happened.

Metadata

Metadata

Assignees

Labels

Feature:TSVBTSVB (Time Series Visual Builder)Team:VisualizationsTeam label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t//

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions