290463 2025-03-26 11:42:23 -0700 Unable to click "detailed dates" link on chromestatus.com 2025-04-01 14:17:24 -0700 1 1 1 Unclassified WebKit UI Events WebKit Nightly Build Unspecified Unspecified NEW InRadar P2 Normal --- 22261 1 gsnedders a_protyasha crypto.cupcakes42 karlcow webkit-bug-importer oldest_to_newest 2106190 0 gsnedders 2025-03-26 11:42:23 -0700 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? 2106191 1 webkit-bug-importer 2025-03-26 11:42:45 -0700 <rdar://problem/147947948> 2106690 2 karlcow 2025-03-27 20:04:02 -0700 ``` <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 2106691 3 karlcow 2025-03-27 20:06:23 -0700 could it be yet another variation of Bug 267449 aka Bug 22261 2106757 4 a_protyasha 2025-03-28 02:14:13 -0700 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? 2107910 5 crypto.cupcakes42 2025-04-01 14:17:24 -0700 (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! :)