DBPopover width auto same as fixed

[biancavo]

Which generators are affected?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

After the major update from v2.4.4 to v3 popovers with the property width="auto" have the same width as popovers with width="fixed".
In both cases the popover content has max-inline-size: var(--db-container-xs); as styling.

The last example for width on the documentation website shows the difference between the versions:

• before update: https://design-system.deutschebahn.com/core-web/version/v2.4.4/components/utilities/popover/overview
• after update: https://design-system.deutschebahn.com/core-web/version/v3.0.0/components/utilities/popover/overview

Expected Behaviour

Popover with width="auto" should have correct styling (like in v2.4.4).

Screenshots

No response

Browser version

None

Add any other context about the problem here.

No response

[mfranzke]

the max-inline-size declaration for fixed with has been removed by commit 5d9afe0#diff-0d3b91a5ef94cb9bb0405621dc388b220dbaac473d4b01e6ac95b6358ffd209c within the file packages/components/src/styles/internal/_popover-component.scss on line 247.

@nmerget do you still know the reason why? To my understanding we would still need some declaration like this.

Additionally this change leads to a cut tooltip:

[biancavo]

Hi @mfranzke, the PR doesn't fix the issue. A DBPopover with width="auto" still has a very limited width, because of the min css function used for setting max-inline-size. On larger screens $db-container-xs is always used, but calc(100vw - 2 * #{variables.$db-spacing-fixed-md}) would be better for width="auto".

[nmerget]

Hi @mfranzke, the PR doesn't fix the issue. A DBPopover with width="auto" still has a very limited width, because of the min css function used for setting max-inline-size. On larger screens $db-container-xs is always used, but calc(100vw - 2 * #{variables.$db-spacing-fixed-md}) would be better for width="auto".

@leape what do you think about it? This is a design decision as well