Skip to content

fix(web-awesome): fix split layout visuals and keyboard nav scroll#701

Merged
todti merged 7 commits into
mainfrom
fix-some
Jun 11, 2026
Merged

fix(web-awesome): fix split layout visuals and keyboard nav scroll#701
todti merged 7 commits into
mainfrom
fix-some

Conversation

@todti

@todti todti commented Jun 10, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Fix background cutoff below white card in BaseLayout (missing flex height chain)
  • Fix inner corner rounding when no test is selected in split pane
  • Move focus stripe (border-top indicator) to non-scrolling side-left/side-right containers so it stays visible on scroll; change to 2px
  • Fix keyboard navigation (p/arrows) not scrolling focused tree node into view: replace native scrollIntoView with scrollFocusIntoView for all node kinds
  • Account for sticky filter header height (data-tree-sticky-header) when pinning group/env nodes; use absolute content position to avoid negative scrollTop clamping issue
  • Fix webpack warning: import isSubtreeFirstLevelOnlyOpened directly from @allurereport/web-commons in TrSteps/index.tsx
  • Add scrollFocusIntoView unit tests covering group/env pin-to-top, sticky inset, leaf centering, and native fallback

todti added 6 commits June 9, 2026 13:14
…l issues

- MarkdownPreview: use dedicated CSS class without flex height constraints
  so the dynamically-measured iframe height attribute is respected (#679)
- MarkdownPreview: drop height="100%" fallback before content loads;
  browser default height is more sensible in a block container
- Modal: change overflow: hidden → overflow-y: auto on modal-data-component
  so tall markdown content can be scrolled within the modal (#679)
- Modal: wire .attachmentViewStack/.attachmentViewPane into the flex height
  chain so HtmlPreview fills the fullscreen modal instead of collapsing
  to the browser default ~150px (#692)
- HtmlPreview: set blob MIME to text/html; charset=utf-8 to prevent the
  iframe from guessing encoding from stale meta tags (#692)
- TrAttachment: pass current preview state when opening the modal so
  HTML attachments open in preview mode, not source-code mode (#692)
- Always open modal in preview mode for previewable attachments (HTML/md),
  regardless of current inline toggle state
- Fix markdown syntax highlighting: prism-markup must be imported before
  prism-markdown since the latter calls Prism.languages.extend('markup')
- Add vertical padding to markdown-attachment-preview (was 0 top/bottom)
- Fix modal layout chain: make attachmentViewPane a flex column so
  html-attachment-preview fills the fullscreen modal correctly
- Reset html/body margin in markdown iframe so scrollHeight is accurate
  and preview does not scroll past visible content
- Fix expand button opening in source code: the actual expand icon lives
  in TrAttachmentInfo, not TrAttachment — pass preview: isPreviewable
  and previewable: isPreviewable there (and in the item-change effect)
- Fix markdown preview scrolling past content: vertical padding on the
  container div caused the iframe (sized to content height) to overflow
  the container, making the last 16px scrollable past actual content.
  Move vertical padding inside the iframe body so getIframeContentHeight
  includes it in the measurement and container overflow is eliminated.
- Fix background cutoff below white card in BaseLayout
- Fix inner corner rounding when no test is selected in split mode
- Move focus stripe (border-top) to non-scrolling side-left/side-right containers so it stays visible on scroll; change to 2px
- Fix keyboard navigation (p/arrows) not scrolling focused tree node into view: replace native scrollIntoView with scrollFocusIntoView for all node kinds
- Account for sticky filter header height when pinning group/env nodes below it; use absolute content position to avoid negative scrollTop clamping
- Fix webpack warning: import isSubtreeFirstLevelOnlyOpened directly from @allurereport/web-commons in TrSteps/index.tsx
- Add scrollFocusIntoView tests covering group/env pin-to-top, sticky inset, leaf centering, and fallback behavior
@github-actions

github-actions Bot commented Jun 10, 2026

Copy link
Copy Markdown

Allure Report Summary

Name Duration Stats New Flaky Retry Report
Allure 3 Report 35m 11s Passed tests 8459   Skipped tests 15   Unknown tests 27 0 0 0 View
Allure 3 GitHub actions run (2026-06-11T07:50:22.736Z) 35m 11s Passed tests 8459   Skipped tests 15   Unknown tests 27 0 0 0 View
My Dashboard 35m 11s Passed tests 8459   Skipped tests 15   Unknown tests 27 0 0 0 View

@github-actions

github-actions Bot commented Jun 10, 2026

Copy link
Copy Markdown

Allure perf metrics

Generated at: 2026-06-11T08:05:57.322Z

Phase Count Total Avg Min Max
restoreState.total 1 2397.8 ms 2397.8 ms 2397.8 ms 2397.8 ms
restoreState.dump 3 2397.2 ms 799.1 ms 749.8 ms 874.7 ms
restoreState.attachments 3 1708.8 ms 569.6 ms 530.6 ms 607.0 ms
restoreState.storeRestore 3 215.4 ms 71.8 ms 55.8 ms 88.5 ms
generate.total 1 582690.4 ms 582690.4 ms 582690.4 ms 582690.4 ms
generate.plugins.done 1 6977.8 ms 6977.8 ms 6977.8 ms 6977.8 ms
publish.upload.total 1 329873.2 ms 329873.2 ms 329873.2 ms 329873.2 ms
summary.generate 2 22.1 ms 11.1 ms 9.7 ms 12.4 ms
generate.plugin.done.agent 1 0.2 ms 0.2 ms 0.2 ms 0.2 ms
generate.plugin.done.awesome 1 5356.9 ms 5356.9 ms 5356.9 ms 5356.9 ms
generate.plugin.done.dashboard 1 970.3 ms 970.3 ms 970.3 ms 970.3 ms
generate.plugin.done.log 1 2.1 ms 2.1 ms 2.1 ms 2.1 ms
generate.plugin.done.testops 1 647.5 ms 647.5 ms 647.5 ms 647.5 ms
publish.upload.plugin.awesome 1 321457.6 ms 321457.6 ms 321457.6 ms 321457.6 ms
publish.upload.plugin.dashboard 1 1931.9 ms 1931.9 ms 1931.9 ms 1931.9 ms

Artifacts: allure-perf-metrics

@todti todti merged commit 8f1d1ef into main Jun 11, 2026
17 of 18 checks passed
@todti todti deleted the fix-some branch June 11, 2026 08:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants