272624 2024-04-13 01:50:16 -0700 Using <main tabindex=-1> does not maintain scroll position when returning to the page 2024-04-15 06:53:13 -0700 1 1 1 Unclassified WebKit Accessibility Safari 17 iPhone / iPad Unspecified NEW InRadar P2 Normal --- 1 dan webkit-unassigned ahmad.saleem792 andresg_22 webkit-bug-importer oldest_to_newest 2028270 0 470911 dan 2024-04-13 01:50:16 -0700 Created attachment 470911 A test-case using <main tabindex=-1> A web page using `<main tabindex=-1>` for its main content area (a common markup pattern for „Skip to content” links) loses its scroll position on iOS Safari when navigating away from the page, then tapping the Back button. The scroll position is moved to the top of the `<main>` element. This seems related to the fact that focus (as evidenced by document.activeElement) returns to the `<main>` element, which may cause the browser to scroll it into view. This only happens on iOS Safari, macOS Safari works well. 2028271 1 webkit-bug-importer 2024-04-13 01:50:25 -0700 <rdar://problem/126399144> 2028509 2 ahmad.saleem792 2024-04-15 06:46:31 -0700 Dan - does this use to work in previous iOS releases? 2028510 3 dan 2024-04-15 06:53:13 -0700 Ahmad, based on my tests in Browserstack, the issue seems to have been introduced around iOS/Safari 14. 470911 2024-04-13 01:50:16 -0700 2024-04-13 01:50:16 -0700 A test-case using <main tabindex=-1> main-tabindex.html text/html 7021 dan PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4KCTxt ZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwt c2NhbGU9MSI+Cgk8dGl0bGU+PC90aXRsZT4KPC9oZWFkPgo8Ym9keT4KCjxtYWluIHRhYmluZGV4 PS0xPgoJCjxoMT4mbHQ7bWFpbiZndDsgZWxlbWVudCB3aXRoIHRhYmluZGV4PS0xPC9oMT4KCjxw PkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCA8YSBocmVmPSdodHRwczovL2VuLndpa2lwZWRp YS5vcmcvJz5jb25zZWN0ZXR1cjwvYT4gYWRpcGlzY2luZyBlbGl0LiBBZW5lYW4gcG9zdWVyZSBh bnRlIHNlZCB2YXJpdXMgcGxhY2VyYXQuIEN1cmFiaXR1ciBkaWN0dW0gbm9uIGp1c3RvIGF0IHRy aXN0aXF1ZS4gUHJhZXNlbnQgY29uc2VjdGV0dXIgZmF1Y2lidXMgdm9sdXRwYXQuIE1vcmJpIGF0 IGVzdCBpbiBtYXVyaXMgbWF4aW11cyBpbXBlcmRpZXQuIEZ1c2NlIGVnZXQgbWFzc2EgaWQgYXVn dWUgdWx0cmljZXMgdWxsYW1jb3JwZXIgYXQgZXQgZW5pbS4gRHVpcyBsYWNpbmlhIGRvbG9yIHNl ZCB1cm5hIGRpY3R1bSBwb3J0YS4gSW4gY29uZGltZW50dW0gZGljdHVtIHNlbSwgYSBzb2xsaWNp dHVkaW4gaXBzdW0gdmVoaWN1bGEgbm9uLjwvcD4KCjxwPkR1aXMgbGVjdHVzIGVyb3MsIHN1c2Np cGl0IGlkIG1ldHVzIHNlZCwgcHJldGl1bSBmZXJtZW50dW0gZW5pbS4gSW50ZWdlciBzb2RhbGVz IGlwc3VtIGV1IGFudGUgbW9sbGlzIHNlbXBlci4gUGhhc2VsbHVzIHV0IG9kaW8gbGFjdXMuIFV0 IHNhZ2l0dGlzLCBtYXVyaXMgc2l0IGFtZXQgZGlnbmlzc2ltIGRhcGlidXMsIG5pc2wgZW5pbSBm ZXVnaWF0IHB1cnVzLCBub24gaW1wZXJkaWV0IGRpYW0gZWxpdCB1bHRyaWNlcyB1cm5hLiBPcmNp IHZhcml1cyBuYXRvcXVlIHBlbmF0aWJ1cyBldCBtYWduaXMgZGlzIHBhcnR1cmllbnQgbW9udGVz LCBuYXNjZXR1ciByaWRpY3VsdXMgbXVzLiBEb25lYyBhdWN0b3IgZXJvcyBuZWMgdG9ydG9yIHVs dHJpY2llcywgZXUgbHVjdHVzIHNhcGllbiB0cmlzdGlxdWUuIFByYWVzZW50IGxhb3JlZXQgbWF1 cmlzIGFyY3UsIHV0IGZlcm1lbnR1bSB1cm5hIHZ1bHB1dGF0ZSBlZ2V0LiBWZXN0aWJ1bHVtIGVz dCBvcmNpLCBmcmluZ2lsbGEgYSBkYXBpYnVzIG5vbiwgdWxsYW1jb3JwZXIgbm9uIGVyYXQuIEN1 cmFiaXR1ciBzaXQgYW1ldCB0aW5jaWR1bnQgbmlzbC4gQ3JhcyBwbGFjZXJhdCBsaWd1bGEgc2Fn aXR0aXMgbGVjdHVzIHRlbXBvciwgc2l0IGFtZXQgdGVtcHVzIG5pc2wgcGVsbGVudGVzcXVlLiBJ biBoYWMgaGFiaXRhc3NlIHBsYXRlYSBkaWN0dW1zdC4gUGVsbGVudGVzcXVlIGVnZXQgZXN0IGF1 Z3VlLiBNYXVyaXMgZnJpbmdpbGxhIHVsdHJpY2VzIGVmZmljaXR1ci48L3A+Cgo8cD5JbnRlZ2Vy IGx1Y3R1cyBlcmF0IHZvbHV0cGF0IHR1cnBpcyBjb25zZXF1YXQsIGVnZXQgZmF1Y2lidXMgZG9s b3Igc29kYWxlcy4gUHJhZXNlbnQgZXQgcmlzdXMgZXUgcHVydXMgc29kYWxlcyBjb25zZWN0ZXR1 ciB1dCB2aXRhZSBuZXF1ZS4gUGhhc2VsbHVzIG5lYyBwb3J0YSB0ZWxsdXMsIGF0IHZ1bHB1dGF0 ZSBhbnRlLiBEb25lYyBjb21tb2RvIHJpc3VzIGRpYW0sIHZlbCBkaWN0dW0gZW5pbSBjb25zZWN0 ZXR1ciBldC4gUHJvaW4gdWx0cmljZXMgbGFjdXMgaWQgZGljdHVtIGlhY3VsaXMuIFBoYXNlbGx1 cyBlZ2V0IHB1cnVzIGVuaW0uIFZlc3RpYnVsdW0gZXUgaGVuZHJlcml0IGxlby4gUGhhc2VsbHVz IGFjIGVyb3Mgdml0YWUgbmVxdWUgY29uZ3VlIHB1bHZpbmFyLiBBZW5lYW4gbWFsZXN1YWRhIHZh cml1cyBlbmltIGF0IHRyaXN0aXF1ZS4gSW50ZWdlciBuZWMgPGEgaHJlZj0naHR0cHM6Ly9lbi53 aWtpcGVkaWEub3JnLyc+Y29uc2VjdGV0dXI8L2E+IG5lcXVlLiBRdWlzcXVlIG9ybmFyZSBwbGFj ZXJhdCBhdWd1ZSwgbm9uIHBoYXJldHJhIG51bmMgbG9ib3J0aXMgZWdldC4gTG9yZW0gaXBzdW0g ZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gVXQgdmVzdGlidWx1 bSBsaWd1bGEgZWdldCBlbmltIGJpYmVuZHVtIHNvbGxpY2l0dWRpbi4gU2VkIHF1aXMgZW5pbSBl dWlzbW9kLCBoZW5kcmVyaXQgZW5pbSBldCwgYWxpcXVldCBudWxsYS4gTnVsbGEgaWFjdWxpcyBp bnRlcmR1bSBhdWd1ZSwgaW4gYmxhbmRpdCBsYWN1cyBkYXBpYnVzIGV0LjwvcD4KCjxwPkRvbmVj IGNvbmRpbWVudHVtIG1hdXJpcyBzZW0uIEFsaXF1YW0gcG9ydHRpdG9yIGRpYW0gdmVsIGxpZ3Vs YSB2ZWhpY3VsYSBsb2JvcnRpcy4gRG9uZWMgdHJpc3RpcXVlLCBsZWN0dXMgc2VkIHZpdmVycmEg ZmVybWVudHVtLCBlcmF0IHB1cnVzIGxvYm9ydGlzIG1pLCBhIHZhcml1cyBpcHN1bSBvZGlvIHV0 IGF1Z3VlLiBBZW5lYW4gaGVuZHJlcml0IGF1Y3RvciBsYWN1cyBldCBwb3J0YS4gQ2xhc3MgYXB0 ZW50IHRhY2l0aSBzb2Npb3NxdSBhZCBsaXRvcmEgdG9ycXVlbnQgcGVyIGNvbnViaWEgbm9zdHJh LCBwZXIgaW5jZXB0b3MgaGltZW5hZW9zLiBNb3JiaSBldSBlZ2VzdGFzIG5lcXVlLiBRdWlzcXVl IHRyaXN0aXF1ZSBuZXF1ZSBldCB2ZWxpdCBsb2JvcnRpcywgbm9uIGZhY2lsaXNpcyBtZXR1cyBl dWlzbW9kLiA8YSBocmVmPSdodHRwczovL2VuLndpa2lwZWRpYS5vcmcvJz5jb25zZWN0ZXR1cjwv YT4gbm9uIHZhcml1cyB0ZWxsdXMsIGNvbnNlY3RldHVyIHJ1dHJ1bSBkaWFtLiBWaXZhbXVzIG1h bGVzdWFkYSBqdXN0byBuZWMgcHVydXMgcmhvbmN1cywgZmF1Y2lidXMgZmV1Z2lhdCBlc3QgcG9y dHRpdG9yLiBFdGlhbSBuZWMgbmVxdWUgdmVsIGVyb3MgcGVsbGVudGVzcXVlIHBvc3VlcmUuIFN1 c3BlbmRpc3NlIHBsYWNlcmF0IGEgbmlzbCBhdCBkYXBpYnVzLiBJbiBjb21tb2RvIGlwc3VtIHF1 aXMgb3JjaSBwZWxsZW50ZXNxdWUgdWx0cmljZXMgZXUgYWMgYW50ZS4gRG9uZWMgcG9ydHRpdG9y IGJsYW5kaXQgc29kYWxlcy4gQ3VyYWJpdHVyIG5lYyBvZGlvIGFsaXF1ZXQsIHJob25jdXMgZHVp IGV1LCBlbGVpZmVuZCBlcm9zLiBVdCBuaXNsIG1hc3NhLCBpYWN1bGlzIHZlbCBhdWd1ZSBzZWQs IGRpY3R1bSBmZXJtZW50dW0gZXJhdC48L3A+Cgo8cD5BZW5lYW4gYXVndWUgbGliZXJvLCB1bHRy aWNlcyB2ZWwgaXBzdW0gaWQsIGVmZmljaXR1ciBvcm5hcmUgc2FwaWVuLiBBbGlxdWFtIGVnZXN0 YXMgY29uZ3VlIGxvcmVtIGF0IHVsdHJpY2llcy4gTWF1cmlzIHRlbXB1cyBqdXN0byB1dCB1cm5h IGVsZWlmZW5kLCBlZ2V0IGJpYmVuZHVtIGp1c3RvIGRhcGlidXMuIFBlbGxlbnRlc3F1ZSBlZ2V0 IGZldWdpYXQgZXJvcy4gTnVsbGEgaW50ZXJkdW0gYXVndWUgZXQgZWxpdCBoZW5kcmVyaXQgZmV1 Z2lhdC4gRG9uZWMgZmVybWVudHVtIGZhY2lsaXNpcyBtYXNzYSB2aXRhZSB2b2x1dHBhdC4gPGEg aHJlZj0naHR0cHM6Ly9lbi53aWtpcGVkaWEub3JnLyc+Y29uc2VjdGV0dXI8L2E+IHZpdmVycmEg dmVzdGlidWx1bSBmZWxpcyBlZ2V0IGNvbnNlY3RldHVyLiBGdXNjZSBhbGlxdWV0IGFyY3Ugbmlz bCwgYSBsYW9yZWV0IG5pc2wgY3Vyc3VzIGV1LiBOdWxsYW0gcHVsdmluYXIgYSBlbmltIHZlbCB2 dWxwdXRhdGUuIE51bGxhbSB2aXRhZSBudW5jIGV0IGxhY3VzIGludGVyZHVtIGlhY3VsaXMgbmVj IGF0IGVuaW0uIENyYXMgdmFyaXVzLCBlcmF0IG5vbiBpYWN1bGlzIGxhb3JlZXQsIGxpZ3VsYSBk aWFtIHZlbmVuYXRpcyBtZXR1cywgZWdldCBhY2N1bXNhbiBlbGl0IGF1Z3VlIGV1IGRvbG9yLiBN b3JiaSB0aW5jaWR1bnQgZmVsaXMgbG9yZW0sIHZpdGFlIHN1c2NpcGl0IG51bmMgZWdlc3RhcyBx dWlzLiBRdWlzcXVlIG1vbGVzdGllIHB1cnVzIHNpdCBhbWV0IG5pYmggZmFjaWxpc2lzLCBzaXQg YW1ldCBjb21tb2RvIGxvcmVtIGdyYXZpZGEuIEFsaXF1YW0gY3Vyc3VzIHNlbSBhdCB1bHRyaWNl cyBjb25ndWUuPC9wPgoKPHA+TnVsbGEgcGxhY2VyYXQgZHVpIGVyYXQsIG5vbiBibGFuZGl0IGR1 aSB2ZW5lbmF0aXMgdmVsLiBTZWQgc2VkIHBvcnR0aXRvciBvZGlvLiBJbiBoYWMgaGFiaXRhc3Nl IHBsYXRlYSBkaWN0dW1zdC4gTnVsbGFtIGF0IG1hdHRpcyBuaXNsLCBpbiBzb2xsaWNpdHVkaW4g bG9yZW0uIER1aXMgbWFzc2EgbWFnbmEsIGNvbnNlY3RldHVyIGV1IG51bmMgcXVpcywgZmluaWJ1 cyB1bGxhbWNvcnBlciBhdWd1ZS4gRXRpYW0gbnVuYyBpcHN1bSwgdWx0cmljaWVzIG5lYyBtaSBl dCwgbGFvcmVldCBjb25zZWN0ZXR1ciBzZW0uIE1hdXJpcyBsYW9yZWV0IGxpZ3VsYSB2b2x1dHBh dCBlbmltIHJ1dHJ1bSBtYWxlc3VhZGEgc2VkIGVnZXQgdmVsaXQuIFF1aXNxdWUgYW50ZSBleCwg bWFsZXN1YWRhIHNpdCBhbWV0IHByZXRpdW0gYXQsIHByZXRpdW0gbmVjIHZlbGl0LiBOdWxsYW0g dml0YWUgdGluY2lkdW50IG9kaW8sIGluIGdyYXZpZGEgcXVhbS4gQ3VyYWJpdHVyIGVnZXN0YXMg bmlzaSBudWxsYSwgcGxhY2VyYXQgZmFjaWxpc2lzIGV4IGZyaW5naWxsYSB2ZWwuIExvcmVtIGlw c3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuPC9wPgoKPHA+ U2VkIG5lcXVlIG51bmMsIGZpbmlidXMgaW4gcmhvbmN1cyBuZWMsIHZlaGljdWxhIHNlZCBkaWFt LiBEb25lYyBmaW5pYnVzIG9yY2kgZXUgbWV0dXMgcGxhY2VyYXQgcHVsdmluYXIuIENyYXMgc2Vk IGR1aSBhIGRpYW0gZmluaWJ1cyBiaWJlbmR1bS4gU2VkIG5vbiBlc3QgdXQgdG9ydG9yIDxhIGhy ZWY9J2h0dHBzOi8vZW4ud2lraXBlZGlhLm9yZy8nPmNvbnNlY3RldHVyPC9hPiB0aW5jaWR1bnQu IFBoYXNlbGx1cyB0cmlzdGlxdWUgbHVjdHVzIGV4IHVsdHJpY2llcyBjb25zZXF1YXQuIFBlbGxl bnRlc3F1ZSBtZXR1cyBsZW8sIGN1cnN1cyBldSByaXN1cyB1dCwgbW9sZXN0aWUgaGVuZHJlcml0 IHRlbGx1cy4gQ3JhcyBhdCBsYWN1cyB1dCBkaWFtIHRpbmNpZHVudCBwcmV0aXVtIHV0IGV1IGVs aXQuIEFlbmVhbiBvcmNpIHVybmEsIHZ1bHB1dGF0ZSB0ZW1wdXMgbWFnbmEgYWMsIGN1cnN1cyBj b252YWxsaXMgbG9yZW0uPC9wPgoKPHA+U2VkIGV4IHVybmEsIGN1cnN1cyBhIG9ybmFyZSBzaXQg YW1ldCwgcGxhY2VyYXQgc2l0IGFtZXQgbmVxdWUuIE1hdXJpcyBhbnRlIGVyb3MsIHNlbXBlciBu ZWMgZmFjaWxpc2lzIGV0LCB0ZW1wdXMgZXUgZXguIE1hZWNlbmFzIGxvYm9ydGlzIGV1IHRlbGx1 cyB2aXRhZSBzY2VsZXJpc3F1ZS4gRHVpcyBldWlzbW9kIHF1aXMgZmVsaXMgaW4gdmFyaXVzLiBO dWxsYSBjb25ndWUgbmliaCBpcHN1bSwgcXVpcyBlZmZpY2l0dXIgbmVxdWUgcGVsbGVudGVzcXVl IGlkLiBOdWxsYW0gcXVpcyBzYXBpZW4gZmFjaWxpc2lzLCBpbnRlcmR1bSBzYXBpZW4gYXQsIHRl bXBvciBtYWduYS4gUHJhZXNlbnQgbG9yZW0gbGlndWxhLCBkYXBpYnVzIGVnZXQgbWFnbmEgdmVs LCBjb25zZWN0ZXR1ciB0cmlzdGlxdWUgZHVpLiBDdXJhYml0dXIgbGFvcmVldCByaXN1cyA8YSBo cmVmPSdodHRwczovL2VuLndpa2lwZWRpYS5vcmcvJz5jb25zZWN0ZXR1cjwvYT4gb3JjaSBwdWx2 aW5hciwgZXUgY29uc2VjdGV0dXIgbGliZXJvIGNvbnZhbGxpcy4gSW50ZXJkdW0gZXQgbWFsZXN1 YWRhIGZhbWVzIGFjIGFudGUgaXBzdW0gcHJpbWlzIGluIGZhdWNpYnVzLiBBZW5lYW4gcXVpcyBl eCBldSBuaWJoIHRlbXB1cyB2dWxwdXRhdGUuIEludGVnZXIgYXVjdG9yIGNvbnZhbGxpcyBtYWdu YSBpZCBldWlzbW9kLiBWZXN0aWJ1bHVtIGFudGUgaXBzdW0gcHJpbWlzIGluIGZhdWNpYnVzIG9y Y2kgbHVjdHVzIGV0IHVsdHJpY2VzIHBvc3VlcmUgY3ViaWxpYSBjdXJhZTsgTW9yYmkgZXQgbWF0 dGlzIHZlbGl0LiBNb3JiaSBwb3N1ZXJlIG51bGxhIGlkIGVyYXQgcGhhcmV0cmEgbWF4aW11cy4g TWFlY2VuYXMgdGluY2lkdW50LCBsaWJlcm8gZXQgZGlnbmlzc2ltIHZlaGljdWxhLCBlcm9zIHNl bSB0ZW1wdXMgYXJjdSwgdml0YWUgcnV0cnVtIG1hZ25hIHRvcnRvciBwb3N1ZXJlIHZlbGl0Ljwv cD4KCjxwPlZpdmFtdXMgc3VzY2lwaXQgdmVzdGlidWx1bSB2aXZlcnJhLiBOYW0gcnV0cnVtIGFu dGUgYSB0b3J0b3IgbW9sZXN0aWUgZ3JhdmlkYS4gUGhhc2VsbHVzIGV0IGlwc3VtIHNpdCBhbWV0 IGFyY3UgcG9zdWVyZSBwdWx2aW5hci4gQWVuZWFuIHZlc3RpYnVsdW0gcXVpcyB2ZWxpdCBuZWMg c29kYWxlcy4gUGhhc2VsbHVzIDxhIGhyZWY9J2h0dHBzOi8vZW4ud2lraXBlZGlhLm9yZy8nPmNv bnNlY3RldHVyPC9hPiBmZXJtZW50dW0gcG9ydGEuIE5hbSBuaXNsIGF1Z3VlLCBmcmluZ2lsbGEg aW4gbWV0dXMgbm9uLCBpbnRlcmR1bSBwb3J0YSBuZXF1ZS4gUGhhc2VsbHVzIHZpdmVycmEgaWQg ZXJvcyBhdCBsYWNpbmlhLjwvcD4KCjxwPkV0aWFtIGdyYXZpZGEgbGlndWxhIHZpdGFlIG5lcXVl IGhlbmRyZXJpdCBwb3N1ZXJlLiBQZWxsZW50ZXNxdWUgdGluY2lkdW50LCBkdWkgYSB2aXZlcnJh IHZpdmVycmEsIGxhY3VzIG5pYmggc2VtcGVyIHRlbGx1cywgYSBlbGVtZW50dW0gbmlzaSBzYXBp ZW4gc2VkIGxpZ3VsYS4gPGEgaHJlZj0naHR0cHM6Ly9lbi53aWtpcGVkaWEub3JnLyc+Y29uc2Vj dGV0dXI8L2E+IGluIHNlbSByaXN1cy4gTnVuYyB2ZWwgc29sbGljaXR1ZGluIG1pLiBEb25lYyBz ZWQgZ3JhdmlkYSBpcHN1bS4gQ3JhcyBhYyBuZXF1ZSBhbnRlLiBJbiBoYWMgaGFiaXRhc3NlIHBs YXRlYSBkaWN0dW1zdC4gTnVsbGEgdHJpc3RpcXVlIGJsYW5kaXQgZmluaWJ1cy4gVml2YW11cyBj b21tb2RvIG5pc2wgc2l0IGFtZXQgc2FwaWVuIG1hbGVzdWFkYSwgaWQgcmhvbmN1cyBudW5jIG1h eGltdXMuIEN1cmFiaXR1ciBwb3J0YSBlc3QgbGVvLCBhIGZlcm1lbnR1bSBkb2xvciBlbGVpZmVu ZCBhLiBOdWxsYSBuaXNpIG51bGxhLCBmZXVnaWF0IHF1aXMgcmlzdXMgdXQsIGVsZWlmZW5kIHVs dHJpY2VzIGxpYmVyby4gRG9uZWMgc2FnaXR0aXMgYW50ZSBldCBsZWN0dXMgZmV1Z2lhdCwgZWxl aWZlbmQgc2NlbGVyaXNxdWUganVzdG8gc29sbGljaXR1ZGluLiA8L3A+Cgo8L21haW4+CjwvYm9k eT4KPC9odG1sPg==