[GH-ISSUE #55] Grid does not work on macOS #33

Closed
opened 2026-05-05 11:29:35 -06:00 by gitea-mirror · 15 comments
Owner

Originally created by @maximecolin on GitHub (Mar 17, 2018).
Original GitHub issue: https://github.com/kusti8/proton-native/issues/55

I tried the Grid example given in the doc. I guess the two components should be displayed one next to the other, but only the first cell is displayed.

capture d ecran 2018-03-17 a 16 50 21

Originally created by @maximecolin on GitHub (Mar 17, 2018). Original GitHub issue: https://github.com/kusti8/proton-native/issues/55 I tried the [Grid example given in the doc](https://proton-native.js.org/#/component_APIs/grid). I guess the two components should be displayed one next to the other, but only the first cell is displayed. ![capture d ecran 2018-03-17 a 16 50 21](https://user-images.githubusercontent.com/606766/37557431-d417f6e6-2a04-11e8-826f-8772dbffce25.jpg)
gitea-mirror 2026-05-05 11:29:35 -06:00
Author
Owner

@mischnic commented on GitHub (Mar 17, 2018):

Works on Windows 10

<!-- gh-comment-id:373935583 --> @mischnic commented on GitHub (Mar 17, 2018): Works on Windows 10
Author
Owner

@andlabs commented on GitHub (Mar 19, 2018):

Grid does work on macOS; it's just insanely buggy because either Auto Layout is hard or my attempt at making a grid with it is poor (probably the latter), so it only works under specific circumstances... This is an active problem. What should that example look like?

<!-- gh-comment-id:374263100 --> @andlabs commented on GitHub (Mar 19, 2018): Grid does work on macOS; it's just insanely buggy because either Auto Layout is hard or my attempt at making a grid with it is poor (probably the latter), so it only works under specific circumstances... This is an active problem. What should that example look like?
Author
Owner

@mischnic commented on GitHub (Mar 19, 2018):

Windows 10:
unbenannt

<!-- gh-comment-id:374300290 --> @mischnic commented on GitHub (Mar 19, 2018): Windows 10: ![unbenannt](https://user-images.githubusercontent.com/4586894/37612067-64c16402-2ba4-11e8-9073-9d0708c1f201.PNG)
Author
Owner

@kusti8 commented on GitHub (Mar 19, 2018):

@andlabs I don't know if it would be easier, but yoga is an option as well for layout similar to grid (css introduced flexbox because grids became cumbersome).

<!-- gh-comment-id:374317993 --> @kusti8 commented on GitHub (Mar 19, 2018): @andlabs I don't know if it would be easier, but yoga is an option as well for layout similar to grid (css introduced flexbox because grids became cumbersome).
Author
Owner

@mischnic commented on GitHub (Apr 29, 2018):

css introduced flexbox because grids became cumbersome

Actually, flexbox came first because tables were too cumbersome 😄. CSS Grid Layout is the newest of them all.

<!-- gh-comment-id:385245416 --> @mischnic commented on GitHub (Apr 29, 2018): > css introduced flexbox because grids became cumbersome Actually, flexbox came first because tables were too cumbersome 😄. CSS Grid Layout is the newest of them all.
Author
Owner

@shayneoneill commented on GitHub (Jul 29, 2018):

Was a solution ever found? Its bit of a show stopper

<!-- gh-comment-id:408704685 --> @shayneoneill commented on GitHub (Jul 29, 2018): Was a solution ever found? Its bit of a show stopper
Author
Owner

@andlabs commented on GitHub (Jul 29, 2018):

The proper solution would be to fix Grid. There is the idea of using Yoga, but that would require not only a third party dependency but also a fixed view. I'm not sure if I want to include that in libui for reasons I have to explain in detail, but I'm not sure what prevents one from being written outside of libui itself.

<!-- gh-comment-id:408705357 --> @andlabs commented on GitHub (Jul 29, 2018): The proper solution would be to fix Grid. There is the idea of using Yoga, but that would require not only a third party dependency but also a fixed view. I'm not sure if I want to include that in libui for reasons I have to explain in detail, but I'm not sure what prevents one from being written outside of libui itself.
Author
Owner

@mischnic commented on GitHub (Jul 29, 2018):

I'm not sure if I want to include that in libui for reasons I have to explain in detail, but I'm not sure what prevents one from being written outside of libui itself.

With a fixed view in libui, Yoga can be implement on the javascript side (as already done in https://github.com/kusti8/proton-native/pull/76). What do you mean by "one from being written outside of libui itself" - the fixed view or yoga?

<!-- gh-comment-id:408706226 --> @mischnic commented on GitHub (Jul 29, 2018): > I'm not sure if I want to include that in libui for reasons I have to explain in detail, but I'm not sure what prevents one from being written outside of libui itself. With a fixed view in libui, Yoga can be implement on the javascript side (as already done in https://github.com/kusti8/proton-native/pull/76). What do you mean by "one from being written outside of libui itself" - the fixed view or yoga?
Author
Owner

@andlabs commented on GitHub (Jul 29, 2018):

Does proton-native have any C code other than libui?

<!-- gh-comment-id:408709010 --> @andlabs commented on GitHub (Jul 29, 2018): Does proton-native have any C code other than libui?
Author
Owner

@mischnic commented on GitHub (Jul 29, 2018):

Proton-native itself has no native code at all, it's just another Javascript wrapper around libui-node.

<!-- gh-comment-id:408709366 --> @mischnic commented on GitHub (Jul 29, 2018): Proton-native itself has no native code at all, it's just another Javascript wrapper around libui-node.
Author
Owner

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

Yoga is C code, but has a JS wrapper around that. My branch wraps and
manages yoga, using my fixed API.

On Sun, Jul 29, 2018, 6:02 PM Niklas Mischkulnig notifications@github.com
wrote:

Proton-native itself has no native code at all, it's just another
Javascript wrapper around libui-node.


You are receiving this because you commented.

Reply to this email directly, view it on GitHub
https://github.com/kusti8/proton-native/issues/55#issuecomment-408709366,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AJW73KDmo9WDEMIsmXok5TEW9SAOTTsPks5uLjECgaJpZM4Su25l
.

<!-- gh-comment-id:408710651 --> @kusti8 commented on GitHub (Jul 29, 2018): Yoga is C code, but has a JS wrapper around that. My branch wraps and manages yoga, using my fixed API. On Sun, Jul 29, 2018, 6:02 PM Niklas Mischkulnig <notifications@github.com> wrote: > Proton-native itself has no native code at all, it's just another > Javascript wrapper around libui-node. > > — > You are receiving this because you commented. > > > Reply to this email directly, view it on GitHub > <https://github.com/kusti8/proton-native/issues/55#issuecomment-408709366>, > or mute the thread > <https://github.com/notifications/unsubscribe-auth/AJW73KDmo9WDEMIsmXok5TEW9SAOTTsPks5uLjECgaJpZM4Su25l> > . >
Author
Owner

@kusti8 commented on GitHub (Jan 19, 2020):

Proton Native V2 is now released! If the issue still occurs in the new update, please open a new issue.

<!-- gh-comment-id:576029564 --> @kusti8 commented on GitHub (Jan 19, 2020): Proton Native V2 is now released! If the issue still occurs in the new update, please open a new issue.
Author
Owner

@andlabs commented on GitHub (Jan 19, 2020):

(If you actually fixed these issues please push them upstream; I'll be writing a test suite to ensure things don't fall apart)

<!-- gh-comment-id:576050049 --> @andlabs commented on GitHub (Jan 19, 2020): (If you actually fixed these issues please push them upstream; I'll be writing a test suite to ensure things don't fall apart)
Author
Owner

@mischnic commented on GitHub (Jan 19, 2020):

(V2 uses a purpose-built Qt binding instead of libui[-node].)

<!-- gh-comment-id:576054454 --> @mischnic commented on GitHub (Jan 19, 2020): (V2 uses a purpose-built Qt binding instead of libui[-node].)
Author
Owner

@andlabs commented on GitHub (Jan 20, 2020):

Very well, thanks in the meantime!

<!-- gh-comment-id:576278267 --> @andlabs commented on GitHub (Jan 20, 2020): Very well, thanks in the meantime!
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#33
No description provided.