pegros
sfpegKpiListCmp - Patching component display after regression from winter 25 release
Summary
With the Winter ’25 release a regression was observed on sfpegKpiListCmp.
The KPI numbers are no longer displayed on a single line; instead each character wraps to the next line, breaking the layout.
Poissible Cause
The Winter ’25 release introduces additional SLDS classes.
See screenshots below and links for reference:
https://help.salesforce.com/s/articleView?id=release-notes.rn_lwc_components.htm&release=258&type=5
One of these additional classes adds a flex-basis attribute, which forces the content to wrap and breaks the component’s alignment.
Proposed Fix / Patch
To patch this currently, we can add the slds-media__body class to the <lightning-output-field> elements.
This negates the inherited flex-basis attribute with minimal additional CSS and restores the correct display of the component, as shown below:
Hello @pegros,
Please review this patch for the sfpegKpiListCmp. This issue was noticed in out client's organisation with winter 25 release. I included our analysis and proposed patch.
Regards, Satveer
@pegros can you validate and merge this fix please, it's for the current Winter 26 release and we want stay synchronized with your last version
Hello @nbendjamaa and @satveerbhantoo , I had a look at the current KPI List component version on a Winter 26 sandbox and I do not see any issue.
With SLDS v1 theme, I get this
With SLDS v2 theme, I get this
There is definitively a small issue with field theming (size and bold mode) but not with alignment. I shall fix this later but see no need to merge your PR for now.
@pegros Do you know if there has been an update on salesforce's side on this bug ? Currently, as reported earlier, the .slds-form-element_read-only does not appear on the lightning-output-field automatically anymore.
Kind regards, Satveer cc : @scolladon @nbendjamaa