airbnb / airbnb/react-sketchapp
CSS Absolute Positioning
- Dominant language
- TypeScript
- Stars
- 14.9k
- Forks
- 797
- PR merge metrics
- No merged PRs in 30d
Description
I am Lincoln Mitchell
I'm Reporting a bug or issue with adding 'position:absolute' within the "styled-components" example.
Expected behaviour:
To be able to select and move rendered Sketch elements.
Observed behavior:
You cannot select and move rendered elements in sketch that have the style 'position:absolute'.
You can however click any other element to select the group and move.
How to reproduce:
`const SwatchTile = styled.View`
height: 250px;
width: 250px;
border-radius: 4px;
margin: 4px;
background-color: ${props => props.hex};
justify-content: center;
align-items: center;
**position:absolute;
left:100px;
bottom: 100px;**
`;`
**Sketch version:**
46.2
Contributor guide
Research direction
Start by reproducing the issue in the styled-components example using the position:absolute, left, and bottom styles shown in the report. Inspect how absolutely positioned rendered elements are handled and verify that the affected Sketch elements can be selected and moved without preventing other elements from being selected.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- design
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100