Small ProgressIndicator wobbles in FlatCompat Theme

Widgets
1

Hi,
I’m using the ProgressIndictor with

  • outerOverlayVariant=“transparent”
  • innerOverlayVariant=“transparent”
  • size=“small”
  • type=“vertical”

inside a custom BodyCellUIValue(so I just return the ProgressIndicator as BodyCellUIValue). For the Flat Theme every looks fine. If I change the theme to FlatCompact the ProgressIndicator starts to wobble.
Is there anything I can do?

Thanks in advance and best regards

2

Hi @nora-azure-stem ,

Thank you for your report. I tried to reproduce the issue with ProjectTemplate 202506-ext5, but did not notice any wobble. Could you provide more details about your version and customization, and if possible, share a short recording?

3

Hi @hang-tinted-forest ,

this is the (main) code of my customization. The div makes no difference (it looks the same if I would remove it). We use 2025.06-ext2.

export const CustomBodyCellUIValue = React.memo(function CustomBodyCellUIValue(props: BodyCellUIValue.Props) {
    // ... extracting some data
    return {
        <div
            className="-u-height-full -u-width-full"
            title={localizer(titleResourceKeys.loading)}
            aria-label={localizer(titleResourceKeys.loading)}
        >
            <ProgressIndicator
                outerOverlayVariant="transparent"
                innerOverlayVariant="transparent"
                size="small"
                type="vertical"
             />
        </div>
    }
});

At this point I wonder if it’s a resolution issue, since I don’t have the problem on my monitor at home (where I know, that this is a QHD).
In principle, I also have a recording of it, but unfortunately in .mp4, which isn’t supported here.
Hope this information helps

Best regards

4

We reviewed the issue and found that this bug can only be reproduced in certain browsers and under certain conditions. The reporter told that we didn’t need to fix it at the moment. If the assessment changes, a ticket will be created later.