Welcome to the stress test page1 This is sidenote number 1; it should appear in the Notes panel and link from the inline reference.. The goal here is to generate a lot of sidenotes and ensure the connectors behave both from inline -> sidebar and sidebar -> inline.
Section One
This paragraph includes multiple sidenotes to test vertical spacing2 Second sidenote, testing short text. and ensure everything links correctly3 Third sidenote, slightly longer to wrap across a couple of lines in the rail for visual inspection. without layout shifts.
Another line with references4 Fourth sidenote, located close to the previous ones. to evaluate density5 Fifth sidenote. and hover behavior.
Section Two
Now we separate content with more body copy and sprinkled sidenotes6 Sixth sidenote; check connector path when inline is far from the rail note.. The copy continues to create scrollable content, so you can observe the hero pixelation finish and the article begin below it.
Longer block of text to push layout a bit further. Sidenotes appear throughout7 Seventh sidenote. and should still map to the correct entries in the rail8 Eighth sidenote, verifying mapping to the right section..
Section Three
Edge cases matter: placing two references adjacent9 Ninth sidenote near another.10 Tenth sidenote immediately adjacent. should still create distinct connectors and targets.
More spacing with filler text so we can hover and keyboard-navigate the rail items11 Eleventh sidenote for keyboard focus testing.. Try tabbing through the rail list to see reverse connectors.
Final Section
Wrapping up with a few more references12 Twelfth sidenote. to ensure the end of the page behaves as expected13 Thirteenth sidenote with slightly longer copy to check wrapping and height.. Thanks for testing14 Fourteenth sidenote, nearing the end. and verifying everything works15 Fifteenth sidenote. All done!.