February: Forem Twitch Events Roundup 👾

#meta #opensource

In February, Nick Taylor and I kicked off another great month of Twitch streams. This is a round up of all the wonderful guests who joined us.

Pair Programming with Dann Ott

Dann Ott joined us to work on an open front-end issue.

`gap` doesn't work with `flex` on Safari #12452

ludwiczakpawel posted on Jan 27, 2021

Describe the bug

I've been living thinking that gap (as well as grid-gap) works perfectly fine with flex elements. Today I learned it's not supported in Safari which means there's a missing whitespace in Safari which I have already confirmed testing few views.

That means we have to fix all instances of a combination of two utility classes flex with gap-* in our views (.html.erb, .js, .jsx) AND also all instances of similar situation but in our SCSS files...

Yes, gap does work with grid but we should not simply replace every flex instance with grid because grid is for layout and flex is for components.

So in most cases we will have to remove gap property and replace it with additional margin on child elements...

To Reproduce

Test our site in Safari.

Desktop (please complete the following information):

Browser: Safari.

Smartphone (please complete the following information):

Browser: Safari

View on GitHub

This bug occurred in Safari whenever we used the gap property on DEV.

We also talked about when to use CSS Grid, Flex-box and other alternatives.

Places to Follow Dan

Personal website:
https://www.dtott.com/
Twitter:
https://twitter.com/danieltott
Virtual Coffee:
https://virtualcoffee.io/
Cleveland React:
https://clereact.dev/

Introducing Suzanne and Katie

We introduced and talked to our coworkers Katie Davis and Suzanne Aitchison.
We discussed a11y, JavaScript, developer tooling, working at Forem and more.

Places to follow Suzanne

Twitter:
https://twitter.com/s_aitchison
DEV:
https://dev.to/s_aitchison
Up Your A11y:
https://www.upyoura11y.com/

Pair Programming with Jono Yeong

We were joined by Jono Yeong to work on a markdown bug that appears in article titles.

Certain characters, like angle brackets, show up incorrectly in some article previews #2204

kenbellows posted on Mar 25, 2019

Describe the bug When viewing the /comments view of an article, the first line and a half or so of the article is displayed. If that first bit contains inline code with angle brackets, e.g. if you wrote: