google / google/site-kit-wp

Visitor Groups not resizing to fit certain screen sizes

Open
#9,863 0 comments 0 reactions 0 assignees View on GitHub
Module: Analytics Type: Bug Type: Support
Dominant language
JavaScript
Stars
1.4k
Forks
383
Avg merge
4d 14h
Merged PRs (30d)
77

Description

## Bug Description

When there are 3 visitor group tiles selected, the third group is cut off as opposed to resized on certain view ports. The error remains after I refresh the page, indicating it isn't an issue with the browser no correctly adjusting upon resizing.

Example site below:

![Image](https://github.com/user-attachments/assets/8ba8d3c4-ad6b-4e94-8b82-bb1635954588)

Another site:

![Image](https://github.com/user-attachments/assets/3ccce176-24d7-4740-8cd9-c62da02d0da5)

And another site, new SK install (tasteWP). In the below example, no memory leak console errors appear:

![Image](https://github.com/user-attachments/assets/3146dfe6-abc1-44f6-b745-b8fd79bb3562)

I do see the below console errors, on two of the three sites checked, referencing a memory leak. Note however, that the same errors appear when visitor groups are disabled. Just adding here in the event they something outside the feature is also impacting the layout. I do not see these same console errors on a TasteWP site when visitor groups is enabled where the main issue highlighted here does occur:

![Image](https://github.com/user-attachments/assets/b689da2a-1005-4133-8216-ebe9e102ba3f)

Console errors

```
react-dom.development.js:88 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
in AudienceTilesWidget (created by WhenAnalytics4Active(AudienceTilesWidget))
in WhenAnalytics4Active(AudienceTilesWidget) (created by WidgetRenderer)
in WidgetRenderer (created by WidgetAreaRenderer)
in WidgetErrorHandler (created by WidgetAreaRenderer)
in div (created by WidgetCellWrapper)
in WidgetCellWrapper (created by WidgetAreaRenderer)
in div (created by Grid)
in Grid (created by WidgetAreaRenderer)
printWarning @ react-dom.development.js:88Understand this errorAI
load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-hooks&ver=6.6.2:2 Uncaught ReferenceError: ClipboardJS is not defined
at HTMLDocument. (health-check-global.js:1:198834)
at e (load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-hooks&ver=6.6.2:2:27028)
at t (load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,utils,wp-hooks&ver=6.6.2:2:27330)Understand this errorAI
/favicon.ico?google-site-kit=/adsense/pagead2.googlesyndication.com/pagead/js/adsbygoogle.js×tamp=1733852338789:1

```



## Steps to reproduce

1. Enable at least 3 visitor groups
2. Resize your screen to below 1500 pixels wide using developer tools, or check from a medium size display (Tablet or laptop)
3. View the dashboard

## Screenshots

## Additional Context

- PHP Version:
- OS: [e.g. iOS]
- Browser: [e.g. chrome, safari]
- Plugin Version: [e.g. 22]
- Device: [e.g. iPhone6]

---------------

_Do not alter or remove anything below. The following sections will be managed by moderators only._

## Acceptance criteria

*

## Implementation Brief

* [ ]

### Test Coverage

*

## QA Brief

*

## Changelog entry

*

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the dashboard with at least three visitor groups and a viewport below 1500 pixels. Inspect the AudienceTilesWidget referenced in the console trace and the surrounding dashboard layout. Done means all selected visitor group tiles fit at the affected screen sizes without the reported cutoff.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, wordpress
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.