Share Menu Changelog Block for React

The page's own address with the release's anchor on the end (for example …/changelog#passalong-v4-7-0), read in the browser after the first render so the server's markup is stable. Each row is an article with that id and a scroll margin, so the link lands on it. If the browser refuses the clipboard, the row says "Couldn't copy the link".

No. In this demo they prepare a draft and say that nothing is sent or posted. To make them real, change draft: open a mailto: link with the title and address, or your own composer for a post. The items carry no brand marks, so they suit any network you add.

Tab reaches a row's Share button, named for the release ("Share v4.7.0: Links that expire on their own"); Enter or Space opens the menu, the arrow keys move between the three items, Enter chooses one and Escape closes the menu, returning focus to the button. The result is read once in a polite status that is present from load and filled after an action; the visible line in the row repeats it and is hidden from assistive technology, so nothing is read twice.

Edit RELEASES at the top of the file, newest first: each has a version, an ISO date, an id for the anchor, its kinds, a title and a summary. Dates are fixed, never computed from today. Keep to three to five rows.

Add another menu item beside the three, and a branch in draft (or its own handler) for what it does. Keep the items to plain actions with an icon and a word.

Below sm the Share button sits under the text and the menu opens beneath it, within the screen's width. Nothing scrolls sideways at 320 pixels. In a right-to-left layout the rows mirror while the version numbers stay left to right.