Skip to content

Commit

Permalink
[Unified search] Fixes the wrap problem on the filter selection modal (
Browse files Browse the repository at this point in the history
…#159376)

## Summary

Closes #158232

Fixes the wrap problem in filter selection modal when the text
field/value is very long

<img width="956" alt="image"
src="https://github.com/elastic/kibana/assets/17003240/beda8e16-6302-4d7e-aa84-0b6884891ccc">
  • Loading branch information
stratoula authored Jun 12, 2023
1 parent f27f25b commit 7634fdd
Showing 1 changed file with 4 additions and 0 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ import {
EuiCheckbox,
} from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
import { css } from '@emotion/react';
import React, { Component } from 'react';
import {
getDisplayValueFromFilter,
Expand Down Expand Up @@ -77,6 +78,9 @@ export default class ApplyFiltersPopoverContent extends Component<Props, State>
label={this.getLabel(filter)}
checked={this.isFilterSelected(i)}
onChange={() => this.toggleFilterSelected(i)}
css={css`
word-break: break-word;
`}
/>
</EuiFormRow>
))}
Expand Down

0 comments on commit 7634fdd

Please sign in to comment.