- This topic is empty.
September 15, 2014 at 9:04 pm #183207
Those all look pretty much like it does everywhere else I’ve checked. Did you notice anything specifically different across browsers?
mobile first first pass. I tried the inline-block thing but it failed hard for nested columnsSeptember 15, 2014 at 9:15 pm #183208chrisburtonParticipant
The only thing I noticed right away were the margins between Chrome and Safari (OS X Yosemite). Should I have used that other link for screenshots?September 15, 2014 at 9:36 pm #183209
Found the first bug. Well, it’s not a bug, really, but it’s a problem. Spec says position:relative is meaningless on table-ish elements, so my rows and columns cannot reliably create a positioning context as intended.
(Also a weird thing happens just below the breakpoint: the
.wrapstops filling the whole height of the
[at-grid-row]for a while).
I can solve the breakpoint issue by making the rows
blockbelow the breakpoint. I may just live with the positioning context issue. Things that need it typically already have their own wrapper…September 15, 2014 at 9:39 pm #183211
The only thing I noticed right away were the margins between Chrome and Safari (OS X Yosemite).
extra margin, but only on the right side, in Chrome? is that what you’re seeing? is there something more? For that pen, I was mainly interested in any differences inside the dotted borders.
Did you notice anything “off” on the second (or third) pen?September 15, 2014 at 9:49 pm #183212chrisburtonParticipant
Ok so after taking a second look, Chrome and Safari (Mac) look the same for both versions (grid and mobile first first pass). Initially I must have had one browser not as wide as the other. Everything inside the dotted borders are mirrored.
Did you notice anything “off” on the second (or third) pen?
Wait. Was the third pen the “mobile first first pass” link?September 15, 2014 at 10:00 pm #183213September 15, 2014 at 11:14 pm #183217
Current state. Think I fixed the breakpoint oddities.
I think I’m going to ignore the
position:relativeissue. Yes, it creates an edge case, but I think it will have little to no impact under planned usage. I’m writing a full demo page, which will describe usage patterns. Should be up tomorrow.September 16, 2014 at 9:03 am #183260September 16, 2014 at 1:47 pm #183293
Sorry @AlenAbdula, didn’t realize demand was that high! I’ve been running errands this morning. Waiting for github pages to get set up now.
Hope your day wasn’t too bad. I know it’s late, but I’ll have something for you to read soon.September 16, 2014 at 1:59 pm #183297AlenParticipant
No worries ;)
Take your time.September 16, 2014 at 5:58 pm #183321
Okay, sorry for the wait: demo page
There’s a fix I need to make for the second demo. It’ll be done soon. Enjoy, and I’m still interested in feedback on consistency across browsers (esp. IE9). Thanks!September 16, 2014 at 11:05 pm #183338Ilan FirsovParticipant
IE9 Windows 7 – all hell breaks loose
On Chrome everything looks perfectly fineSeptember 17, 2014 at 8:35 am #183386Ilan FirsovParticipant
Sorry I did not try the pens and the next time I’ll be near a computer with ie9 is next week.
I can try the emulator thingy in ie11 but from past experience it doesn’t work really wellSeptember 17, 2014 at 9:05 am #183387
And yes, I really am looking for “actual” IE9. Thanks again!September 17, 2014 at 10:53 pm #183442
- The forum ‘Other’ is closed to new topics and replies.