airbnb / airbnb/react-sketchapp

CSS Absolute Positioning

Open
#169 2 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.