Katerina Koukiou

You need to check what's the version of cssnano you 're using; I think you hit this bug: https://github.com/cssnano/cssnano/issues/1051 It was fixed on [email protected] by https://github.com/cssnano/cssnano/pull/1057

@thewaver, another WA is to add this rule in the [webpack config file](https://github.com/facebook/create-react-app/blob/main/packages/react-scripts/config/webpack.config.js#L277) in the mini-css-webpack-plugin configuration: ``` new CssMinimizerPlugin({ minimizerOptions: { preset: ['default', { mergeLonghand: false }] } })...

The screenshot is with IPhone SE IOS, from the firefox available mobile views.

@mcoker thanks for checking this.:) I don't know what I am doing wrong, but https://www.patternfly.org/v4/components/popover/react/width-auto/ popover escapes out of the screen in mobile mode for me, also when setting `--pf-c-popover--MaxWidth:...

Right, was doing the same in firefox, if it's works for you just ignore and let someone else tests it. It will be something on my side, will check it...

@mcarrano unfortunately this is not fixed. I am really not sure how this is working for you. Here is a reproducer with the suggested custom CSS workaround. https://codesandbox.io/s/popover-auto-width-v7x12 In mobile...

I agree with @garrett that this should be the default behavior when auto positioning is chosen.

This is not fixed, can be reopened. @mattnolting

Still relevant and pretty important.

For this see patternfly/patternfly#4754