Is it possible to toggle between vertical and horizontal orientation?

[MA-MacDonald]

I'm trying to change the vertical prop when clicking a button to switch between vertical and horizontal orientation. Is this possible?

When I try changing the vertical prop it doesn't seem to like that and the layout gets all messed up.

[daric81]

First up , many thanks for this great library!

@MA-MacDonald I am having the same issue. Adding key={vertical} to the Allotment component does fix the layout, but resets the internal state for my panel content so its a no go for me.

Is there any plan to fix this?

[horacioh]

thanks @daric81 for your suggestion! it does work for me :)

maybe in your situation what you could do is to attach to the onChange function and store the values outside, so when you change the orientation, can set the values back to what they were?

[daric81]

@horacioh Glad you're sorted! Thanks for the suggestion. I'm already storing size values in local storage for vertical / horizontal and this doesn't work for me, there's still a layout issue without key={vertical}.

[johnwalley]

Hi! Sorry I've not replied sooner. I have started working on this feature (tracked by https://github.com/johnwalley/allotment/issues/341) but I don't have much spare time right now. I'd expect something to be ready in November.

One of the challenges is deciding what to do with the sizes and props when switching orientation. Nothing insurmountable but I'm sure you can appreciate it isn't trivial to implement.

Thanks for your patience 🙏

[johnwalley]

Update: I have not forgotten about this issue but can't give an deadline on it being completed just now.

[elewin]

This would be awesome