fix(webapp): invalid HTML nesting in errors Activity tooltip (#3488)
The Activity peak count tooltip in the errors list rendered a `<button>`
(from `SimpleTooltip`'s default `TooltipTrigger`) inside the row's `<a>`
link (`TableCell to={errorPath}`). Interactive content nested inside
other interactive content is invalid HTML and triggers accessibility
warnings. Adding `asChild` to `SimpleTooltip` makes the existing
`<span>` the trigger directly, removing the nested `<button>`.
This commit is contained in:
+1
@@ -708,6 +708,7 @@ function ErrorActivityGraph({ activity }: { activity: ErrorOccurrenceActivity })
|
||||
</ResponsiveContainer>
|
||||
</div>
|
||||
<SimpleTooltip
|
||||
asChild
|
||||
button={
|
||||
<span className="-mt-1 text-xxs tabular-nums text-text-dimmed">
|
||||
{formatNumberCompact(maxCount)}
|
||||
|
||||
Reference in New Issue
Block a user