KPI Comparison Not Displaying on Some Browsers - Same User Account

Question & Answer
,
1

I have a QuickSight dashboard with KPI visuals that display both an actual value and a comparison percentage. The dashboard works correctly on one laptop, but on another laptop using the same Chrome browser version and same user account, only the actual value shows - the comparison percentage is completely missing.

Technical Details

Working Browser (Laptop 1):

html

<div data-automation-id="kpi-primary-group" role="group" aria-label="actual value">
    <div data-automation-id="kpi-actual-value" class="kpi-icon flex-horizontal center-center" role="group">
        <span role="presentation" title="4,465" class="ellipsis">4,465</span>
    </div>
</div>
<div data-automation-id="kpi-comparison" class="kpi-icon flex-horizontal center-center flex-ellipsis" role="group" aria-label="comparison">
    <span role="presentation" title="81.46%" class="ellipsis">81.46%</span>
</div>

Not Working Browser (Laptop 2):

html

<div data-automation-id="kpi-primary-group" role="group" aria-label="actual value">
    <div data-automation-id="kpi-actual-value" class="kpi-icon flex-horizontal center-center" role="group">
        <span role="presentation" title="4,465" class="ellipsis">4,465</span>
    </div>
</div>
<!-- kpi-comparison div is completely missing -->

Environment Details

  • Browser: Chrome (same version on both laptops)
  • User Account: Identical QuickSight user
  • Dashboard: Same dashboard accessed simultaneously
  • Network: Same corporate network

Troubleshooting Already Attempted

  • :white_check_mark: Cleared browser cache and cookies
  • :white_check_mark: Tried incognito/private mode
  • :white_check_mark: Hard refresh (Ctrl+F5)
  • :white_check_mark: Verified same user account and permissions
  • :white_check_mark: Logged out and back in
  • :white_check_mark: Checked browser zoom levels are identical

Questions

  1. Has anyone experienced KPI comparison elements not rendering on certain browsers while working fine on others?
  2. Are there any known browser-specific compatibility issues with QuickSight KPI visuals?
  3. Could there be system-level settings or corporate policies that might affect how QuickSight renders certain dashboard elements?
  4. What diagnostic steps should I take to identify why the kpi-comparison div is not being generated at all on one browser?

Additional Context

The issue appears to be server-side rendering related, as the entire comparison div element is missing from the DOM (not just hidden via CSS). This suggests QuickSight’s backend is making a decision not to include this content for one browser environment.

Any insights or similar experiences would be greatly appreciated!

Tags: kpi dashboard #BrowserCompatibility #Chrome #Rendering

2

Hello @jeet.udaiyar1 , welcome to the QuickSight community!

In your KPI’s do you have the text font size for the two metrics set to “Auto” or specific sizes? Also, are the screen sizes and zoom levels between the two laptops the same?

My thought here is that the screen sizes are different so to compensate the KPIs are showing less. This is just a theory but in the past I have had QuickSight do some funny formatting on me even after I publish a dashboard.

3

Thanks @duncan!

You were absolutely right - the issue was with the KPI font size settings. Changing it from “Auto” to “Medium” resolved the problem and now the comparison percentage displays correctly.

However, I’m surprised that the “Auto” setting doesn’t seem to intelligently adjust font size based on screen resolution and available space. I would have expected “Auto” to scale appropriately while still showing all KPI elements, rather than hiding the comparison percentage entirely.

Appreciate the help in identifying this!

1 Like