Khan / Khan/aphrodite

Add IE prefixes for css grid [help wanted]

Open
#336 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
5.3k
Forks
187
PR merge metrics
No merged PRs in 30d

Description

I am currently using a grid layout for my react app. The internet explorer only supports grid partially and only in newer versions. This is fine for me but I realized that grid-attributes are not prefixed, e.g.:

`
const styles = StyleSheet.create({
contentFrame: {
display: 'grid',
}
});
`

is translated into

`display: grid;`

instead of

`display: grid; display: -ms-grid;`

I wonder if this is because Aphrodite only prefixes according to a lower version of the IE (9, I believe). If so, is there a way to influence the version? If not, what would be the best approach in case I stick with grid layouts & Aphrodite styles?

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by tracing Aphrodite's browser-prefixing implementation and reproduce the StyleSheet example from the issue. Check how supported browser versions are selected and whether existing tests cover CSS Grid; done means the issue's expected IE Grid output or configuration behavior is defined and verified.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript, react
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 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.