Skip to content

Conversation

@thomasneirynck
Copy link
Contributor

@thomasneirynck thomasneirynck commented Nov 23, 2016

5.1 is going through QA right now. Will require fixes to Tagcloud.

Created this PR to track smaller fixes/code improvements:

@thomasneirynck thomasneirynck added Feature:Visualizations Generic visualization features (in case no more specific feature label is available) v5.1.0 labels Nov 23, 2016
@trevan
Copy link
Contributor

trevan commented Nov 23, 2016

I'm not entirely sure this will fix all that I saw in #9182. If I call "setOptions" with twice with two different scales, I believe the resulting sizes will be wrong. The first time setOptions is called, it will layout and cause the sizes in the words objects to be scaled. The second time setOptions is called, it will use the these new sizes in the scaling instead of the old sizes.

@thomasneirynck
Copy link
Contributor Author

@trevan I agree. To be sure, there's no fix yet for #9182. I just opened this to start a thread on all the outstanding issues for tagcloud (I expect a few more to come in, as we're doing qa now). That initial commit now is a small refactor that addressed some small nits I noticed when revisiting.

@ppisljar ppisljar self-assigned this Nov 23, 2016
@epixa
Copy link
Contributor

epixa commented Nov 23, 2016

@thomasneirynck Tests on this one failed

@thomasneirynck
Copy link
Contributor Author

@ppisljar feel free to already take a look. I opened this to work on the fall-out during QA.

There's also an issue with Reporting, causing the container to be too small. I'll leave this PR open to address that too.

@jbudz
Copy link
Contributor

jbudz commented Nov 28, 2016

jenkins, test this

@jbudz jbudz self-assigned this Nov 28, 2016
@thomasneirynck thomasneirynck mentioned this pull request Nov 28, 2016
@jbudz
Copy link
Contributor

jbudz commented Nov 28, 2016

jenkins, test this

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what's this for?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I added the time-out so as not to trigger a refresh synchronously. Those 10-milliseconds are a magic number.

In hindsight, I prefer it over the requestAnimationFrame, because the DOM-updates are managed by d3, and requestAnimationFrame is better used for drawing to a canvas anyway.

Copy link
Contributor

@jbudz jbudz Nov 28, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is a timeout of 0 an option and adding comment? Mostly to avoid confusion, that we aren't waiting for something that takes >0 and <10ms

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Timeout of 0 would be fine as well. It's basically just to unhook it from the callstack. I'll make that change.

Tagcloud was subsceptible to race conditions, potentially yielding stale clouds.
- Introduced queue to explicitly keep track of outstanding jobs and avoid clobbering of the state.
- Expanded unit tests
@@ -1,5 +1,5 @@
.tagcloud-vis {
position: relative;
position: absolute;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

children of flex-boxes don't stretch to full height, unless the position is absolute (
http://stackoverflow.com/questions/15381172/css-flexbox-child-height-100).

This caused the tagcloud in reporting to be empty.

return new TemplateVisType({
name: 'tagcloud',
title: 'Tag cloud',
implementsRenderComplete: true,
Copy link
Contributor Author

@thomasneirynck thomasneirynck Nov 28, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

required for Reporting to check the render-counter property, instead of using a timeout

@epixa epixa merged commit 8a528dc into elastic:master Nov 29, 2016
elastic-jasper added a commit that referenced this pull request Nov 29, 2016
Backports PR #9194

**Commit 1:**
Improve robustness

Tagcloud was subsceptible to race conditions, potentially yielding stale clouds.
- Introduced queue to explicitly keep track of outstanding jobs and avoid clobbering of the state.
- Expanded unit tests

* Original sha: af5d5c6
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-23T00:20:04Z

**Commit 2:**
ensure tagcloud expands to full height in reporting

* Original sha: de95bf1
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-28T23:13:18Z

**Commit 3:**
remove magic numbers

* Original sha: 011474c
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-28T23:33:48Z
elastic-jasper added a commit that referenced this pull request Nov 29, 2016
Backports PR #9194

**Commit 1:**
Improve robustness

Tagcloud was subsceptible to race conditions, potentially yielding stale clouds.
- Introduced queue to explicitly keep track of outstanding jobs and avoid clobbering of the state.
- Expanded unit tests

* Original sha: af5d5c6
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-23T00:20:04Z

**Commit 2:**
ensure tagcloud expands to full height in reporting

* Original sha: de95bf1
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-28T23:13:18Z

**Commit 3:**
remove magic numbers

* Original sha: 011474c
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-28T23:33:48Z
This was referenced Nov 29, 2016
@epixa epixa added the v5.2.0 label Nov 29, 2016
epixa pushed a commit that referenced this pull request Nov 29, 2016
Backports PR #9194

**Commit 1:**
Improve robustness

Tagcloud was subsceptible to race conditions, potentially yielding stale clouds.
- Introduced queue to explicitly keep track of outstanding jobs and avoid clobbering of the state.
- Expanded unit tests

* Original sha: af5d5c6
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-23T00:20:04Z

**Commit 2:**
ensure tagcloud expands to full height in reporting

* Original sha: de95bf1
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-28T23:13:18Z

**Commit 3:**
remove magic numbers

* Original sha: 011474c
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-28T23:33:48Z
epixa pushed a commit that referenced this pull request Nov 29, 2016
Backports PR #9194

**Commit 1:**
Improve robustness

Tagcloud was subsceptible to race conditions, potentially yielding stale clouds.
- Introduced queue to explicitly keep track of outstanding jobs and avoid clobbering of the state.
- Expanded unit tests

* Original sha: af5d5c6
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-23T00:20:04Z

**Commit 2:**
ensure tagcloud expands to full height in reporting

* Original sha: de95bf1
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-28T23:13:18Z

**Commit 3:**
remove magic numbers

* Original sha: 011474c
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-28T23:33:48Z
airow pushed a commit to airow/kibana that referenced this pull request Feb 16, 2017
Backports PR elastic#9194

**Commit 1:**
Improve robustness

Tagcloud was subsceptible to race conditions, potentially yielding stale clouds.
- Introduced queue to explicitly keep track of outstanding jobs and avoid clobbering of the state.
- Expanded unit tests

* Original sha: af5d5c6
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-23T00:20:04Z

**Commit 2:**
ensure tagcloud expands to full height in reporting

* Original sha: de95bf1
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-28T23:13:18Z

**Commit 3:**
remove magic numbers

* Original sha: 011474c
* Authored by Thomas Neirynck <thomas@elastic.co> on 2016-11-28T23:33:48Z

Former-commit-id: 67aea7b
acstll added a commit that referenced this pull request Nov 20, 2025
- `@elastic/eui`: `v109.0.0` ⏩ `v109.1.0`
- `@elastic/eslint-plugin-eui`: `v2.5.0` ⏩ `v2.6.0`

---

## Changes

- Updated i18n EUI mapping 6cc95b0
- Updated test in Unified Search
668948f

## Package updates

### `@elastic/eui`
[`v109.1.0`](https://github.com/elastic/eui/releases/v109.1.0)

- Added `--euiBottomBarOffset` CSS variable to `EuiBottomBar` for
positioning other fixed elements relative to the bottom bar's height
([#9211](elastic/eui#9211))
- Updated `boxesVertical` icon and restored `checkInCircleFilled`,
`errorFilled`, and `warningFilled` icons.
([#9194](elastic/eui#9194))
- Updated `EuiSuperDatePicker` with new time zone information, opt-in
via `timeZoneDisplayProps`.
([#9191](elastic/eui#9191))
- Updated the position of `EuiModal` by removing bottom padding in
`EuiOverlayMask` ([#9190](elastic/eui#9190))
- Added `EuiPopover` and `EuiToolTip`'s `repositionOnScroll` to
`componentDefaults` ([#9152](elastic/eui#9152))
- Updated `EuiSuperDatePicker` with new time window buttons for time
shifting and zoom out, opt-in via `showTimeWindowButtons` boolean prop.
([#9151](elastic/eui#9151))
- Added beta prop `hasAriaDisabled` to all base button components:
`EuiButton`, `EuiButtonEmpty`, `EuiButtonIcon`, `EuibuttonGroup`,
`EuiFilterButton` ([#9201](elastic/eui#9201))
- Added `euiDisabledSelector` variable that combines CSS selectors
`:disabled` and `[aria-disabled="true"]`
([#9201](elastic/eui#9201))
- Added custom test matchers that check for both `disabled` and
`aria-disabled` attributes:
([#9201](elastic/eui#9201))
  - React testing Library: `.toBeEuiDisabled()`
  - Enzyme: `.toHaveEuiDisabledProp()`
  - Cypress: `should('be.euiDisabled)`

**Bug fixes**

- Fixed unexpected duplicate columns in `EuiDataGrid` crashing the
column sorting by removing duplicate columns entirely
([#9209](elastic/eui#9209))
- Fixed a visual bug in `EuiTable` where long table row content would be
cut off on mobile screens
([#9206](elastic/eui#9206))
- Fixed virtualized `EuiCodeBlock` rendering blank lines when content
updates if scrolled. ([#9196](elastic/eui#9196))
- Fixed `EuiButtonGroup` button sizing to ensure square buttons when
used with `isIconOnly=true`
([#9170](elastic/eui#9170))

**Accessibility**

- Fixed an issue where portalled components like `EuiPopover` were not
included in `EuiFlyout`'s focus trap through
`includeSelectorInFocusTrap`, making them inaccessible to keyboard users
([#9103](elastic/eui#9103))

### `@elastic/eslint-plugin-eui`
[`v2.6.0`](https://github.com/elastic/eui/blob/main/packages/eslint-plugin/changelogs/CHANGELOG_2025.md#v260)

- Added new `require-table-caption` rule.
([#9168](elastic/eui#9168))

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
andrimal pushed a commit to andrimal/kibana that referenced this pull request Nov 20, 2025
- `@elastic/eui`: `v109.0.0` ⏩ `v109.1.0`
- `@elastic/eslint-plugin-eui`: `v2.5.0` ⏩ `v2.6.0`

---

## Changes

- Updated i18n EUI mapping 6cc95b0
- Updated test in Unified Search
668948f

## Package updates

### `@elastic/eui`
[`v109.1.0`](https://github.com/elastic/eui/releases/v109.1.0)

- Added `--euiBottomBarOffset` CSS variable to `EuiBottomBar` for
positioning other fixed elements relative to the bottom bar's height
([elastic#9211](elastic/eui#9211))
- Updated `boxesVertical` icon and restored `checkInCircleFilled`,
`errorFilled`, and `warningFilled` icons.
([elastic#9194](elastic/eui#9194))
- Updated `EuiSuperDatePicker` with new time zone information, opt-in
via `timeZoneDisplayProps`.
([elastic#9191](elastic/eui#9191))
- Updated the position of `EuiModal` by removing bottom padding in
`EuiOverlayMask` ([elastic#9190](elastic/eui#9190))
- Added `EuiPopover` and `EuiToolTip`'s `repositionOnScroll` to
`componentDefaults` ([elastic#9152](elastic/eui#9152))
- Updated `EuiSuperDatePicker` with new time window buttons for time
shifting and zoom out, opt-in via `showTimeWindowButtons` boolean prop.
([elastic#9151](elastic/eui#9151))
- Added beta prop `hasAriaDisabled` to all base button components:
`EuiButton`, `EuiButtonEmpty`, `EuiButtonIcon`, `EuibuttonGroup`,
`EuiFilterButton` ([elastic#9201](elastic/eui#9201))
- Added `euiDisabledSelector` variable that combines CSS selectors
`:disabled` and `[aria-disabled="true"]`
([elastic#9201](elastic/eui#9201))
- Added custom test matchers that check for both `disabled` and
`aria-disabled` attributes:
([elastic#9201](elastic/eui#9201))
  - React testing Library: `.toBeEuiDisabled()`
  - Enzyme: `.toHaveEuiDisabledProp()`
  - Cypress: `should('be.euiDisabled)`

**Bug fixes**

- Fixed unexpected duplicate columns in `EuiDataGrid` crashing the
column sorting by removing duplicate columns entirely
([elastic#9209](elastic/eui#9209))
- Fixed a visual bug in `EuiTable` where long table row content would be
cut off on mobile screens
([elastic#9206](elastic/eui#9206))
- Fixed virtualized `EuiCodeBlock` rendering blank lines when content
updates if scrolled. ([elastic#9196](elastic/eui#9196))
- Fixed `EuiButtonGroup` button sizing to ensure square buttons when
used with `isIconOnly=true`
([elastic#9170](elastic/eui#9170))

**Accessibility**

- Fixed an issue where portalled components like `EuiPopover` were not
included in `EuiFlyout`'s focus trap through
`includeSelectorInFocusTrap`, making them inaccessible to keyboard users
([elastic#9103](elastic/eui#9103))

### `@elastic/eslint-plugin-eui`
[`v2.6.0`](https://github.com/elastic/eui/blob/main/packages/eslint-plugin/changelogs/CHANGELOG_2025.md#v260)

- Added new `require-table-caption` rule.
([elastic#9168](elastic/eui#9168))

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
eokoneyo pushed a commit to eokoneyo/kibana that referenced this pull request Dec 2, 2025
- `@elastic/eui`: `v109.0.0` ⏩ `v109.1.0`
- `@elastic/eslint-plugin-eui`: `v2.5.0` ⏩ `v2.6.0`

---

## Changes

- Updated i18n EUI mapping 6cc95b0
- Updated test in Unified Search
668948f

## Package updates

### `@elastic/eui`
[`v109.1.0`](https://github.com/elastic/eui/releases/v109.1.0)

- Added `--euiBottomBarOffset` CSS variable to `EuiBottomBar` for
positioning other fixed elements relative to the bottom bar's height
([elastic#9211](elastic/eui#9211))
- Updated `boxesVertical` icon and restored `checkInCircleFilled`,
`errorFilled`, and `warningFilled` icons.
([elastic#9194](elastic/eui#9194))
- Updated `EuiSuperDatePicker` with new time zone information, opt-in
via `timeZoneDisplayProps`.
([elastic#9191](elastic/eui#9191))
- Updated the position of `EuiModal` by removing bottom padding in
`EuiOverlayMask` ([elastic#9190](elastic/eui#9190))
- Added `EuiPopover` and `EuiToolTip`'s `repositionOnScroll` to
`componentDefaults` ([elastic#9152](elastic/eui#9152))
- Updated `EuiSuperDatePicker` with new time window buttons for time
shifting and zoom out, opt-in via `showTimeWindowButtons` boolean prop.
([elastic#9151](elastic/eui#9151))
- Added beta prop `hasAriaDisabled` to all base button components:
`EuiButton`, `EuiButtonEmpty`, `EuiButtonIcon`, `EuibuttonGroup`,
`EuiFilterButton` ([elastic#9201](elastic/eui#9201))
- Added `euiDisabledSelector` variable that combines CSS selectors
`:disabled` and `[aria-disabled="true"]`
([elastic#9201](elastic/eui#9201))
- Added custom test matchers that check for both `disabled` and
`aria-disabled` attributes:
([elastic#9201](elastic/eui#9201))
  - React testing Library: `.toBeEuiDisabled()`
  - Enzyme: `.toHaveEuiDisabledProp()`
  - Cypress: `should('be.euiDisabled)`

**Bug fixes**

- Fixed unexpected duplicate columns in `EuiDataGrid` crashing the
column sorting by removing duplicate columns entirely
([elastic#9209](elastic/eui#9209))
- Fixed a visual bug in `EuiTable` where long table row content would be
cut off on mobile screens
([elastic#9206](elastic/eui#9206))
- Fixed virtualized `EuiCodeBlock` rendering blank lines when content
updates if scrolled. ([elastic#9196](elastic/eui#9196))
- Fixed `EuiButtonGroup` button sizing to ensure square buttons when
used with `isIconOnly=true`
([elastic#9170](elastic/eui#9170))

**Accessibility**

- Fixed an issue where portalled components like `EuiPopover` were not
included in `EuiFlyout`'s focus trap through
`includeSelectorInFocusTrap`, making them inaccessible to keyboard users
([elastic#9103](elastic/eui#9103))

### `@elastic/eslint-plugin-eui`
[`v2.6.0`](https://github.com/elastic/eui/blob/main/packages/eslint-plugin/changelogs/CHANGELOG_2025.md#v260)

- Added new `require-table-caption` rule.
([elastic#9168](elastic/eui#9168))

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backported Feature:Visualizations Generic visualization features (in case no more specific feature label is available) v5.1.1 v5.2.0 v6.0.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants