Leave padding for focus outline in performance tooltip

hashseed · Devtools-frontend LUCI CQ · commit 84113efeac88 · 2025-02-10T06:21:10.000-08:00
R=jacktfranklin@chromium.org Fixed: 378637756 Change-Id: If2cf5672180f3da39a55e381a2f800384ec4145a Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6244421 Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Auto-Submit: Yang Guo <yangguo@chromium.org> Commit-Queue: Yang Guo <yangguo@chromium.org>
diff --git a/front_end/panels/timeline/timelineFlamechartPopover.css b/front_end/panels/timeline/timelineFlamechartPopover.css
@@ -6,6 +6,9 @@
 
 .timeline-flamechart-popover {
   overflow: hidden;
+  /* extend padding into the parent element to avoid clipping the focus-visible outline. */
+  padding: 4px;
+  margin: -4px;
 }
 
 .timeline-flamechart-popover devtools-interaction-breakdown {

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,9 @@`
`6`	`6`
`7`	`7`	`.timeline-flamechart-popover {`
`8`	`8`	`overflow: hidden;`
	`9`	`+ /* extend padding into the parent element to avoid clipping the focus-visible outline. */`
	`10`	`+ padding: 4px;`
	`11`	`+ margin: -4px;`
`9`	`12`	`}`
`10`	`13`
`11`	`14`	`.timeline-flamechart-popover devtools-interaction-breakdown {`