Bug 290463
| Summary: | Unable to click "detailed dates" link on chromestatus.com | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Sam Sneddon [:gsnedders] <gsnedders> |
| Component: | UI Events | Assignee: | Abrar Rahman Protyasha <a_protyasha> |
| Status: | NEW | ||
| Severity: | Normal | CC: | crypto.cupcakes42, karlcow, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| Bug Depends on: | 22261 | ||
| Bug Blocks: | |||
Sam Sneddon [:gsnedders]
Steps:
1. Load https://chromestatus.com/roadmap
2. Click on one of the (i) icons by the stable release date
3. Click on the "detailed dates" link
Expected:
The link opens
Actual:
The popup closes
---
In Firefox 138.0a1 (2025-03-25) (aarch64) and Google Chrome Version 136.0.7091.0 (Official Build) canary (arm64) the link both opens _and_ the popup closes.
Presumably we have some difference in ordering with how the click on an <a> element works versus the focusout event?
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/147947948>
Karl Dubost
```
<sl-popup anchor="info-button" placement="bottom" strategy="fixed" active="" data-current-placement="bottom">
<div class="popup-content">
New versions are offered to users gradually. <br>
See
<a id="detailed-info-link" href="https://chromiumdash.appspot.com/schedule" target="_blank">detailed dates</a>.
</div>
</sl-popup>
```
* the icon button (i) has a focusout and click event defined on it.
* the a element has only a focusout event defined.
```
hidePopup(e)
{
e.relatedTarget != this.renderRoot.querySelector("#detailed-info-link") && (this.infoPopupRef.value.active = !1)
}
renderInfoIcon()
{
return x`
<sl-icon-button
name="info-circle"
id="info-button"
@click=${ () => this.infoPopupRef.value.active = !this.infoPopupRef.value.active }
@focusout=${this.hidePopup}
></sl-icon-button>
<sl-popup
anchor="info-button"
placement="bottom"
strategy="fixed"
${n$2(this.infoPopupRef)}
>
<div class="popup-content">
New versions are offered to users gradually. <br />
See
<a
@focusout=${this.hidePopup}
id="detailed-info-link"
href="https://chromiumdash.appspot.com/schedule"
target="_blank"
>detailed dates</a
>.
</div>
</sl-popup>
`
}
```
hidePopup(e) is receiving a FocusEvent
Karl Dubost
could it be yet another variation of Bug 267449 aka Bug 22261
Abrar Rahman Protyasha
So if I disable the `focusout` event listeners on the info button and on the "detailed dates" anchor inside the popup, I can navigate successfully on a click, though I don't dismiss the popup anymore.
It does smell like a dupe of https://bugs.webkit.org/show_bug.cgi?id=22261 to me. I suppose this is still a platform-specific behavior we want to go with?
crypto.cupcakes42
(In reply to Abrar Rahman Protyasha from comment #4)
> So if I disable the `focusout` event listeners on the info button and on the
> "detailed dates" anchor inside the popup, I can navigate successfully on a
> click, though I don't dismiss the popup anymore.
>
> It does smell like a dupe of https://bugs.webkit.org/show_bug.cgi?id=22261
> to me. I suppose this is still a platform-specific behavior we want to go
> with?
I can't help but think one person at Apple had some beef with the rest of the web developer community for the past 17 years. Soon they will retire with the complete joy knowing they caused the rest of us incredible pain, frustration, and suffering all this time. And then it will be changed and we shall all rejoice. Cheers! :)