Skip to content

Address Responsive Design review comments#48

Draft
issackjohn wants to merge 14 commits intoresponsive-designfrom
issack/pr453-review-fixes
Draft

Address Responsive Design review comments#48
issackjohn wants to merge 14 commits intoresponsive-designfrom
issack/pr453-review-fixes

Conversation

@issackjohn
Copy link
Copy Markdown
Owner

@issackjohn issackjohn commented May 6, 2026

Addresses unresolved Responsive Design PR 453 review feedback.

  • Tracks recipe carousel ResizeObserver callback and entry counts so resize-step behavior can be compared across browsers.
  • Adds a benchmark-side strict count check for the resize steps, with a console warning before failing on mismatches.
  • Keeps content-visibility: auto and documents why the workload intentionally exercises it.
  • Rebuilds the responsive-design dist bundle.

Validation:

  • npm run format
  • npm run lint:check
  • npm run build in experimental\responsive-design
  • git diff --check

Note: A targeted local browser run could not start because this environment could not obtain an Edge WebDriver, so browser validation is left to PR CI.

issackjohn and others added 13 commits December 23, 2025 12:02
* Write dev files to different location.
* Using root code style.
* Remove unused Prettier and ESLint configuration files from responsive design directory
* Update scrollIntoView method to accept options parameter for better control
* change scroll behavior to instant
* Refactor Responsive-Design tests to use async functions
* Rename output directory from dev-dist to build-dev in configuration files
* Re-install resize observer
* Refactor iteration methods to use for...of loops
* add matchMedia support
* build dist
* add disconnectedCallback
* Move to connectedCallback
Properly capturing layout work in steps ReduceWidthIn5Steps and IncreaseWidthIn5Steps.
* Refactor layout method to accept target element for improved flexibility
* refactor: simplify layout method by using logical OR for body assignment
* refactor: replace magic numbers with named constants for media query breakpoints
* refactor: replace repeated calls to getContentDocument with a variable for improved readability
* Remove iframe and integrate cooking-app directly into index.html
* Remove querySelectorAllInShadowRoot method from PageElement class
* move setWidth method to Page class
* remove extra changes
* Add content visibility change handlers for video grid
@issackjohn issackjohn force-pushed the responsive-design branch 2 times, most recently from eed2854 to 0f2abd2 Compare May 7, 2026 22:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant