This ticket is a subtask and related to expanding snippets on desktop T316397
While the snippet on Desktop is being expanded in the search preview, on mobile expansion happens with the snippet itself which makes the user interaction requirements slightly different. On Desktop we are looking to expand the snippet such that it may include the contents of snippets both before and after in the expanded version. While on the mobile, to avoid too much movement of content on screen (which can be disorienting for the user) we are only focusing on including the contents after the snippet in expanded version.
Prototype
See the prototype here. Tap on the first result to see how expansion interaction works.
Two approaches are outlined in the desktop ticket T316397 and we would follow the same approach on mobile minus expanding in both directions.
Acceptance Criteria
- When the user taps on the snippet expand the snippet and open the preview at the same time.
- Expand snippet only in one direction i.e. after the available snippet. Unlike desktop which expands on both sides, on mobile it should expand only after the snippet to avoid lot of movement of content on screen.
- Expand to roughly 3 more lines after the snippet (not two sentences). (The exact length of expansion to be discussed when we start building)
- Closing the preview will also hide the expanded snippet
Link to Figma