support.apple.com - content not loading

For support with specific websites

Moderator: trava90

Forum rules
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.

Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
  1. Clear any current output
  2. Navigate or refresh the page in question
  3. Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.
User avatar
back2themoon
Moon Magic practitioner
Moon Magic practitioner
Posts: 2900
Joined: 2012-08-19, 20:32

support.apple.com - content not loading

Post by back2themoon » 2025-06-17, 21:57

https://support.apple.com/en-us/108931

All five steps on how to reset the device are missing.

Error Console:

Code: Select all

Error: downloadable font: download failed (font-family: "Apple Legacy Chevron" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed source: https://www.apple.com/ac/globalfooter/3/en_US/assets/ac-footer/legacy/appleicons_text.woff
Source File: https://www.apple.com/ac/globalfooter/3/en_US/styles/ac-globalfooter.built.css
Line: 1, Column: 1040
Source Code:
@font-face {   font-family: "Apple Legacy Chevron";   font-style: normal;   font-weight: 400;   src: local(""), url("../assets/ac-footer/legacy/appleicons_text.woff") format("woff"), url("../assets/ac-footer/legacy/appleicons_text.ttf") format("truetype"); }

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 37776
Joined: 2011-08-28, 17:27
Location: Motala, SE

Re: support.apple.com - content not loading

Post by Moonchild » 2025-06-17, 22:46

It's in the page, but explicitly set to "display: none".

Looks like it relies on :has() to unhide it again:

Code: Select all

#content .step-layout.step-numbered {
	display:none;
}
#content .step-layout.step-numbered:has(>*:not(.inactive)) {
	display:block
}
#content .step-layout.step-numbered:has(>.gb-group) {
	display:none
}
#content .step-layout.step-numbered:has(>.gb-group>*:not(.inactive)) {
	display:block
}
Since we don't support :has() yet, this fails to display the steps.

There's no need to use :has() here, by the way. they achieve the exact same with:

Code: Select all

#content .step-layout.step-numbered {
	display:none;
}
#content .step-layout.step-numbered:not(.inactive) {
	display:block
}
#content .step-layout.step-numbered > .gb-group > * {
	display:none
}
#content .step-layout.step-numbered > .gb-group > *:not(.inactive) {
	display:block
}
"A dead end street is a place to turn around and go into a new direction" - Anonymous
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite