[GH-ISSUE #147] Suggestion for Box-based workaround for Grid limitations on macOS? #90

Closed
opened 2026-05-05 11:40:27 -06:00 by gitea-mirror · 3 comments
Owner

Originally created by @armarti on GitHub (May 28, 2018).
Original GitHub issue: https://github.com/kusti8/proton-native/issues/147

Hello,

First, this package is very neat.

My specs:

  • macOS High Sierra 10.13.4
  • proton-native@1.1.5

After reading #55 I realize I'm not the only one who can't get Grid to work correctly on macOS. In particular I can't get elements to be adjacent to one another.

The app UI I'm building is very easy, sketched out below (how do I make the image smaller??), and as you see I need the "Zipfile path" area to be ~2x wide as the adjacent "Select zipfile" area. I'm trying to force Box to do it but it seems it can only split areas symmetrically.

Any suggestions how I can make a non-symmetric vertical split in some area-type component without using Grid?

sketch

Originally created by @armarti on GitHub (May 28, 2018). Original GitHub issue: https://github.com/kusti8/proton-native/issues/147 Hello, First, this package is very neat. My specs: - macOS High Sierra 10.13.4 - proton-native@1.1.5 After reading #55 I realize I'm not the only one who can't get `Grid` to work correctly on macOS. In particular I can't get elements to be adjacent to one another. The app UI I'm building is very easy, sketched out below (how do I make the image smaller??), and as you see I need the "Zipfile path" area to be ~2x wide as the adjacent "Select zipfile" area. I'm trying to force `Box` to do it but it seems it can only split areas symmetrically. Any suggestions how I can make a non-symmetric vertical split in some area-type component without using `Grid`? ![sketch](https://user-images.githubusercontent.com/13367887/40630398-559e158a-62ca-11e8-9adb-56912603733b.png)
Author
Owner

@kusti8 commented on GitHub (May 29, 2018):

It you set the select on the left hand side to not stretchy and then set the right one to stretchy it might work. I'm almost done with yoga support so when that comes out, flexbox would be supported which would make this simple.

<!-- gh-comment-id:392824939 --> @kusti8 commented on GitHub (May 29, 2018): It you set the select on the left hand side to not stretchy and then set the right one to stretchy it might work. I'm almost done with yoga support so when that comes out, flexbox would be supported which would make this simple.
Author
Owner

@armarti commented on GitHub (Jun 5, 2018):

Thanks @kusti8 for the tip. I've gotten distracted with something new but I'll try this out soon.

<!-- gh-comment-id:394888882 --> @armarti commented on GitHub (Jun 5, 2018): Thanks @kusti8 for the tip. I've gotten distracted with something new but I'll try this out soon.
Author
Owner

@kusti8 commented on GitHub (Jul 8, 2018):

Closing for now until flexbox comes

<!-- gh-comment-id:403273196 --> @kusti8 commented on GitHub (Jul 8, 2018): Closing for now until flexbox comes
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/proton-native#90
No description provided.