Skip to content

Commit

Permalink
change motivation text
Browse files Browse the repository at this point in the history
  • Loading branch information
motine committed Apr 8, 2019
1 parent 8de13bc commit 0511837
Showing 1 changed file with 4 additions and 2 deletions.
6 changes: 4 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
# CSS Grid Annotator

Automatically annotate [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) items with row and column positions, so they are correctly positioned in IE11.
[CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) is great, but IE11 assumes that all items are in the first row and first column.
So, you have to add a lot of styles to explicitly position your grid items.
This script automatically adds the positioning attributes for IE11.

![Demo: before, after](demo.gif)

Expand All @@ -17,7 +19,7 @@ Please check back under the releases tab for recent releases.
- If there are more items/children specified than columns in the the template, new rows will be created.
- If there any of the children is annotated with an explicit `-ms-grid-column` or `-ms-grid-row`, the whole container will be skipped.
- Hidden elements are skipped (`type="hidden"` or `display: none`).
- The script also annotates containers which are dynamically inserted via JavaScript. But, items are only annotated if a grid container is inserted, inserting individual items stay un-annotated.
- The script also annotates containers which are dynamically inserted via JavaScript. But, items are only annotated if a grid container is inserted, inserting individual items stay unannotated.

## More to do

Expand Down

0 comments on commit 0511837

Please sign in to comment.