Main components:
- COMPONENTS
User story:
As an editor, I want to visit links to specific statements (i.e. with a statement ID in the URL hash) without the page behaving weirdly.
Problem:
When you visit an item URL with a statement ID in the hash as a parameter, there are two problems:
- The property of that statement (Commons Creator page in the following screenshot/example) becomes unavailable for interaction: the cursor doesn’t change when hovering over it, and clicking it does nothing.
- If the statement has constraint violations, they will be shown below the property of the next statement:
Example:
https://www.wikidata.org/wiki/Q21555912#Q21555912$E913B641-45F4-412C-9F5D-05DEE3FC072B
Solution:
- Ideally, we want to keep the DOM untouched to minimize the risk of stuff breaking.
- Instead, we will try via CSS only:
- Layout changes so that the highlighted area only covers the part of the statement right of the property.
- This might still risk breaking the layout of some gadgets.
Mockup:
Notes:
- The highlighting for individual statements was added in T234079: Highlight individual statements when selecting them in the URL.
- The highlighting for the whole statement group (example) is unproblematic.
- Wikimedia tools use deep links like this (e.g. in the WDQS).
Acceptance criteria:
- The property is clickable.
- The constraints popup isn’t hidden behind other parts of the page.
- DOM is unchanged.
Open questions:
Do we need to announce this as it may break the layout of some gadgets?
Community communication:
Who we needs to keep in the loop and in what way:
Who this could be interesting for and in what way: