new blog post: React Native, and “the native feel”
React Native, and "the native feel" — mozzius.dev
by Samuel · 11 min read
mozzius.dev
27 73 394
Question about the hairline borders, if you don't mind - we're discussing adding this to CSS, with the current proposal at <https://github.com/w3c/csswg-drafts/issues/3720#issuecomment-2368916115>.
I'm trying to avoid that "unexpected tiny gap" issue you mention. [...]
1 4So the proposal is that hairlines are 1px wide as geometry, but paint thinner. How bad an issue were the gaps y'all run into? Does this proposal sound like it would have been fine for y'all, if it was how React's hairlines worked?
Just curious about some real-world experience.
1 2Samuel
@samuel.fm
oh cool, would love to see that on web! yeah, so basically it was the tab bar - we were absolutely positioning the blue bit to sit above the line, but when the line went to 0.333px there was a noticeable 0.666px gap between them. I’ll try and dig up a screenshot when I get home
1 2Samuelfound the PR! you can see in the screenshot it’s a little jarring when it’s over an image.
reading the code, we were actually absolutely positioning the line, not the blue bit. the fix was to change `bottom: -1px` to `top: 100%`
github.com/bluesky-soci...
Fix gap between tab bar and its border by mozzius · Pull Request #4538 · bluesky-social/social-app
github.com