Skip to content

๐ŸŽจ Palette: [๋งˆ์šฐ์Šค ํด๋ฆญ ์‹œ ๋ฐœ์ƒํ•˜๋Š” summary ๊ธฐ๋ณธ ํฌ์ปค์Šค ๋ง ์ œ๊ฑฐ] - #989

Closed
seonghobae wants to merge 1 commit into
mainfrom
palette-summary-focus-visible-9953193772289899297
Closed

๐ŸŽจ Palette: [๋งˆ์šฐ์Šค ํด๋ฆญ ์‹œ ๋ฐœ์ƒํ•˜๋Š” summary ๊ธฐ๋ณธ ํฌ์ปค์Šค ๋ง ์ œ๊ฑฐ]#989
seonghobae wants to merge 1 commit into
mainfrom
palette-summary-focus-visible-9953193772289899297

Conversation

@seonghobae

@seonghobae seonghobae commented Aug 18, 2026

Copy link
Copy Markdown
Contributor

๐Ÿ’ก What: HTML ๋ฆฌํฌํŠธ์˜ summary ํƒœ๊ทธ ํด๋ฆญ ์‹œ ๋‚˜ํƒ€๋‚˜๋Š” ๊ธฐ๋ณธ ๋ธŒ๋ผ์šฐ์ € ํฌ์ปค์Šค ๋ง ์ œ๊ฑฐ (outline: none์„ :focus์— ์ ์šฉ)
๐ŸŽฏ Why: ๋งˆ์šฐ์Šค ์‚ฌ์šฉ์ž๊ฐ€ ํ•ญ๋ชฉ์„ ํŽผ์น˜๊ฑฐ๋‚˜ ๋‹ซ์„ ๋•Œ ๋ธŒ๋ผ์šฐ์ €์˜ ๊ธฐ๋ณธ ํฌ์ปค์Šค ์•„์›ƒ๋ผ์ธ์ด ๋‚˜ํƒ€๋‚˜๋Š” ๊ฒƒ์ด ์‹œ๊ฐ์ ์œผ๋กœ ๊ฑฐ์Šฌ๋ฆฌ๊ณ  ์–ด์ƒ‰ํ•จ์„ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•จ
๐Ÿ“ธ Before/After:

  • Before: ๋งˆ์šฐ์Šค๋กœ Exact values: ... ํด๋ฆญ ์‹œ ๋ธŒ๋ผ์šฐ์ € ๊ธฐ๋ณธ ํฌ์ปค์Šค ๋ง(ํ…Œ๋‘๋ฆฌ)์ด ๋‚˜ํƒ€๋‚จ
  • After: ๋งˆ์šฐ์Šค ํด๋ฆญ ์‹œ ํฌ์ปค์Šค ๋ง์ด ๋ณด์ด์ง€ ์•Š์œผ๋ฉฐ, ํ‚ค๋ณด๋“œ ํƒญ ๋„ค๋น„๊ฒŒ์ด์…˜ ์‹œ์—๋Š” ์„ค์ •๋œ --teal ์ƒ‰์ƒ์˜ :focus-visible ์•„์›ƒ๋ผ์ธ์ด ์ •์ƒ์ ์œผ๋กœ ํ‘œ์‹œ๋จ
    โ™ฟ Accessibility: ํ‚ค๋ณด๋“œ ์ ‘๊ทผ์„ฑ(focus-visible)์„ ํ›ผ์†ํ•˜์ง€ ์•Š์œผ๋ฉด์„œ ๋งˆ์šฐ์Šค ์‚ฌ์šฉ์ž์˜ ์‚ฌ์šฉ์„ฑ์„ ๋†’์ž„ (.Jules/palette.md์— ํ•™์Šต ๋‚ด์šฉ ์ถ”๊ฐ€)

PR created automatically by Jules for task 9953193772289899297 started by @seonghobae

Summary by CodeRabbit

  • Accessibility

    • Updated disclosure controls so focus outlines appear for keyboard navigation without unnecessary outlines during mouse interaction.
    • Preserved clear custom focus indicators for keyboard users.
  • Bug Fixes

    • Improved presentation of validation errors related to metric, row, and cell limits.

โ€ฆements

This commit adds `outline: none` to the `:focus` state of `<summary>` elements
in the HTML report templates, resolving a visually jarring default browser outline
that appears when mouse users click the summary row. The explicit `:focus-visible`
styles are preserved to ensure keyboard users retain essential focus tracking
capabilities.
@google-labs-jules

Copy link
Copy Markdown

๐Ÿ‘‹ Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a ๐Ÿ‘€ emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

@coderabbitai

coderabbitai Bot commented Aug 18, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. ๐ŸŽ‰

โ„น๏ธ Recent review info
โš™๏ธ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: c137f42d-eb46-4c4a-aa30-1e75af3a29d1

๐Ÿ“ฅ Commits

Reviewing files that changed from the base of the PR and between 04d0bc2 and 8226270.

๐Ÿ“’ Files selected for processing (2)
  • .Jules/palette.md
  • python/fast_mlsirm/report.py

Included review availability: Your plan includes up to 1 review per rolling hour; 0 remain after this review.


๐Ÿ“ Walkthrough

Walkthrough

The PR updates disclosure-summary focus styling and documents the pattern. It also reformats metric, row, and cell limit errors without changing validation behavior.

Changes

Accessibility and formatting updates

Layer / File(s) Summary
Summary focus styling and guidance
.Jules/palette.md, python/fast_mlsirm/report.py
The CSS suppresses default :focus outlines and preserves custom :focus-visible outlines for disclosure summaries. The palette documents this pattern.
Validation error formatting
python/fast_mlsirm/report.py
Metric, row, and cell limit ValueError statements are reformatted onto single lines. Validation behavior remains unchanged.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Merge Risk: โšช Minimal ยท up to 82262

This localized change removes the mouse-click focus ring from report summaries while retaining the keyboard-visible focus outline; no actionable merge-blocking risk remains beyond normal checks and review.

Possibly related PRs

๐Ÿšฅ Pre-merge checks | โœ… 5
โœ… Passed checks (5 passed)
Check name Status Explanation
Description Check โœ… Passed Check skipped - CodeRabbitโ€™s high-level summary is enabled.
Title check โœ… Passed The title clearly describes the main change: removing the default focus ring from summary elements after mouse clicks.
Docstring Coverage โœ… Passed Docstring coverage is 100.00% which is sufficient. The required threshold is 80.00%.
Linked Issues check โœ… Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check โœ… Passed Check skipped because no linked issues were found for this pull request.
โœจ Finishing Touches
๐Ÿ“ Generate docstrings
  • Create stacked PR
  • Commit on current branch
๐Ÿงช Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch palette-summary-focus-visible-9953193772289899297

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

โค๏ธ Share

Comment @coderabbitai help to get the list of available commands.

Copy link
Copy Markdown
Contributor Author

Current head 8226270ba68c9d2bbb3d9708c68cc00049e727a7 is not merge-ready. The new rule uses .exact-values > summary:focus / .export-block > summary:focus { outline: none; } and relies on a later :focus-visible rule to restore keyboard focus. That removes the browser fallback focus indicator in user agents that do not apply :focus-visible, whereas the repository's hardened pointer-focus pattern uses :focus:not(:focus-visible) so unsupported selectors fail closed and leave native focus visible. The patch also contains unrelated formatting-only changes in report limit errors and adds no regression test for the pointer-vs-keyboard focus contract. Keep this lane isolated from #978's report.py accessibility work; rebuild it test-first with :focus:not(:focus-visible) (or equivalent fail-safe behavior) and no incidental formatting churn before Ready.

@seonghobae
seonghobae marked this pull request as draft August 18, 2026 10:04

@opencode-agent opencode-agent Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

OpenCode cannot approve yet because required coverage evidence did not pass.

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

  • Problem: The required coverage-evidence job result was failure, so OpenCode cannot establish approval sufficiency for this head.

  • Root cause: Automated approval is only valid when the same-head coverage-evidence job proves supported repository test suites passed and configured docstring gates passed or were advisory, or reports not applicable because no supported source files or package manifests exist. Missing, failed, skipped, unavailable, or unsupported-tooling test evidence is a blocker.

  • Fix: Install or configure the repository test/docstring evidence tooling when source files or package manifests exist, rerun the current-head coverage-evidence job, and approve only after it reports success with required evidence or explicit no-source not-applicable evidence.

  • Regression test: Keep the approval branch checking needs.coverage-evidence.result == success before posting APPROVE, and publish REQUEST_CHANGES when coverage-evidence blocker states such as cancelled, skipped, failed, unsupported-tooling, or below-100 evidence are present.

  • Result: REQUEST_CHANGES

  • Reason: coverage-evidence result was failure, so required test/docstring evidence was not proven for current head 8226270ba68c9d2bbb3d9708c68cc00049e727a7.

  • Head SHA: 8226270ba68c9d2bbb3d9708c68cc00049e727a7

  • Workflow run: 32124710947

  • Workflow attempt: 1

Coverage evidence

Coverage evidence job did not run or did not publish coverage evidence.

Changed-File Evidence Map

flowchart LR
  PR["PR changed files"] --> Evidence["OpenCode bounded evidence"]
  Evidence --> S1["Changed file (2 files)"]
  S1 --> I1["repository behavior"]
  I1 --> R1["Review risk: Changed file (2 files)"]
  R1 --> V1["required checks"]
Loading

@opencode-agent

Copy link
Copy Markdown
Contributor

OpenCode Review Overview

  • Head SHA: 8226270ba68c9d2bbb3d9708c68cc00049e727a7
  • Workflow run: 32124710947
  • Workflow attempt: 1
  • Gate result: REQUEST_CHANGES (approval step)

Pull request overview

OpenCode cannot approve yet because required coverage evidence did not pass.

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

  • Problem: The required coverage-evidence job result was failure, so OpenCode cannot establish approval sufficiency for this head.

  • Root cause: Automated approval is only valid when the same-head coverage-evidence job proves supported repository test suites passed and configured docstring gates passed or were advisory, or reports not applicable because no supported source files or package manifests exist. Missing, failed, skipped, unavailable, or unsupported-tooling test evidence is a blocker.

  • Fix: Install or configure the repository test/docstring evidence tooling when source files or package manifests exist, rerun the current-head coverage-evidence job, and approve only after it reports success with required evidence or explicit no-source not-applicable evidence.

  • Regression test: Keep the approval branch checking needs.coverage-evidence.result == success before posting APPROVE, and publish REQUEST_CHANGES when coverage-evidence blocker states such as cancelled, skipped, failed, unsupported-tooling, or below-100 evidence are present.

  • Result: REQUEST_CHANGES

  • Reason: coverage-evidence result was failure, so required test/docstring evidence was not proven for current head 8226270ba68c9d2bbb3d9708c68cc00049e727a7.

  • Head SHA: 8226270ba68c9d2bbb3d9708c68cc00049e727a7

  • Workflow run: 32124710947

  • Workflow attempt: 1

Coverage evidence

Coverage evidence job did not run or did not publish coverage evidence.

Changed-File Evidence Map

flowchart LR
  PR["PR changed files"] --> Evidence["OpenCode bounded evidence"]
  Evidence --> S1["Changed file (2 files)"]
  S1 --> I1["repository behavior"]
  I1 --> R1["Review risk: Changed file (2 files)"]
  R1 --> V1["required checks"]
Loading

Copy link
Copy Markdown
Contributor Author

Closing this lane rather than integrating it. On exact head 8226270ba68c9d2bbb3d9708c68cc00049e727a7, the CSS applies outline: none to unconditional summary:focus and relies on the later :focus-visible rule to restore a keyboard indicator. That removes the browser's fallback focus indicator in environments where :focus-visible does not match/is not supported, contradicting the repository's existing fail-safe focus pattern. The same patch also contains unrelated report error-formatting churn and no regression proving fallback focus visibility. A future replacement should be test-first and use summary:focus:not(:focus-visible) (or an equivalent progressive-enhancement pattern) while preserving a visible keyboard fallback; it should not carry unrelated formatting changes.

@seonghobae seonghobae closed this Aug 18, 2026
@google-labs-jules

Copy link
Copy Markdown

Current head 8226270ba68c9d2bbb3d9708c68cc00049e727a7 is not merge-ready. The new rule uses .exact-values > summary:focus / .export-block > summary:focus { outline: none; } and relies on a later :focus-visible rule to restore keyboard focus. That removes the browser fallback focus indicator in user agents that do not apply :focus-visible, whereas the repository's hardened pointer-focus pattern uses :focus:not(:focus-visible) so unsupported selectors fail closed and leave native focus visible. The patch also contains unrelated formatting-only changes in report limit errors and adds no regression test for the pointer-vs-keyboard focus contract. Keep this lane isolated from #978's report.py accessibility work; rebuild it test-first with :focus:not(:focus-visible) (or equivalent fail-safe behavior) and no incidental formatting churn before Ready.

์ฝ”๋“œ ๋ฆฌ๋ทฐ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์ด์ „ ์ปค๋ฐ‹์—์„œ ๋ฐœ์ƒํ•œ ์˜๋„์น˜ ์•Š์€ ํฌ๋งคํŒ… ๋ณ€๊ฒฝ์‚ฌํ•ญ์„ ์ œ๊ฑฐํ•˜๊ณ , ์ง€์ ํ•ด์ฃผ์‹  ๋Œ€๋กœ :focus:not(:focus-visible)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ :focus-visible์„ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ํ™˜๊ฒฝ์—์„œ๋„ ๊ธฐ๋ณธ ํฌ์ปค์Šค ๋ง์ด ์œ ์ง€๋˜๋„๋ก ์ˆ˜์ •ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ์ด์— ๋Œ€ํ•œ pointer-vs-keyboard focus contract ํšŒ๊ท€ ํ…Œ์ŠคํŠธ(test_summary_disclosures_use_fail_closed_focus_pattern)๋ฅผ test_report_focus_contrast.py์— ์ถ”๊ฐ€ํ•˜์—ฌ ๊ฒ€์ฆ์„ ์™„๋ฃŒํ–ˆ์Šต๋‹ˆ๋‹ค.

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