fix: Update primary-detail resize listener so it only runs with width changes

[wesruv]

Related issues

• iOS 15 resizes the window on scroll, update resize listeners that only care about width to only care about width #1798

Preview

Link(s) to demo page(s) where this element can be viewed:

• Link

Testing instructions

Ideally this is tested in iOS 15 Safari

If not, put a breakpoint in the _setBreakpoint method after the if statement to make sure the code only fires on width changes.

Browser requirements

Your component should work in all of the following environments:

• Latest 2 versions of Edge
• Internet Explorer 11 (should be useable, not pixel perfect)
• Latest 2 versions of Firefox (one on Mac OS, one of Windows OS)
• Firefox 78 (or latest version for Red Hat Enterprise Linux distribution)
• Latest 2 versions of Chrome (one on Mac OS, one of Windows OS)
• Latest 2 versions of Safari
• Android mobile device (such as the Galaxy S9)
• Apple mobile device (such as the iPhone X)
• Apple tablet device (such as the iPhone Pro)

Ready-for-merge Checklist

• Expected files: all files in this pull request are related to one request or issue (no stragglers or scope-creep).
• Tests have been updated to cover these changes.
• Browser testing passed.
• Changelog updated.
• Documentation (README.md, WHY.md, etc.) updated or added.
• Link to the demo recording:
• Approved by designer.

Merging

Please squash when merging and ensure your commit message uses conventional commit formatting.

Be sure to share your updates with the [email protected] mailing list!

[netlify]

✔️ Deploy Preview for patternfly-elements ready!

🔨 Explore the source changes: b07a4f9

🔍 Inspect the deploy log: https://app.netlify.com/sites/patternfly-elements/deploys/61672c5f06201d00087c5286

😎 Browse the preview: https://deploy-preview-1799--patternfly-elements.netlify.app

[kylebuch8]

Loquacious Gentleman, Too Much!!!