[Proof of Concept] Floating resizable windows and... realtime resizing?

[andrewsantarin]

Hi there, @nealatcaplin @nealus. I've introduced some additional features on my fork of this library due to project requirements at my full-time job.

https://github.com/andrewsantarin/FlexLayout for the source code (most recent stuff is in the wip and feature branches).

What's in it?

• Undockable tabs to free-floating space over the main layout & border groups.
• Dockable tabs to existing free-floating tabsets.
• Resizable free-floating tabsets in realtime.

Like I've said in #11, I was quite in serious need of an OS-like desktop layout manager (I've commented in that issue too which indicates how urgent this is). Since this library is as close as possible to a full react-based feature set out there, I couldn't wait, 💦💦💦 I had to start somewhere.

I've a feeling this will inspire something in splitter realtime resizing (#12), although not directly, I'm sure.

---

N.B.: Although my fork more or less does what it's supposed to do, I don't believe it's fully stable. I'd believe that comes from perhaps my lack of understanding of this library's design. I'll be honest when I say "I was struggling to get a grasp of what flexlayout-react does", but that's perhaps due to my lack of experience in this area.

It's for this very reason that I decided not to create a pull request just yet.

---

P.S.:: Terribly sorry about #60; was tired; that was actually me on another GitHub account.

[domhaas]

Hi there, @nealatcaplin @nealus. I've introduced some additional features on my fork of this library due to project requirements at my full-time job.

https://github.com/andrewsantarin/FlexLayout for the source code (most recent stuff is in the wip and feature branches).

What's in it?

* Undockable tabs to free-floating space over the main layout & border groups.

* Dockable tabs to existing free-floating tabsets.

* Resizable free-floating tabsets in realtime.

Like I've said in #11, I was quite in serious need of an OS-like desktop layout manager (I've commented in that issue too which indicates how urgent this is). Since this library is as close as possible to a full react-based feature set out there, I couldn't wait, 💦💦💦 I had to start somewhere.

I've a feeling this will inspire something in splitter realtime resizing (#12), although not directly, I'm sure.

N.B.: Although my fork more or less does what it's supposed to do, I don't believe it's fully stable. I'd believe that comes from perhaps my lack of understanding of this library's design. I'll be honest when I say "I was struggling to get a grasp of what flexlayout-react does", but that's perhaps due to my lack of experience in this area.

It's for this very reason that I decided not to create a pull request just yet.

P.S.:: Terribly sorry about #60; was tired; that was actually me on another GitHub account.

Sounds good. Could you provide a running example?

[andrewsantarin]

Sounds good. Could you provide a running example?

@domhaas : https://codesandbox.io/s/github/andrewsantarin/extended-flexlayout-react-example

Try that CodeSandbox. It's a modified example of the examples running in this library's demo folder. I also realize that my fork is now a few commits behind. Guess it needs to catch up really soon, too.

[domhaas]

Sounds good. Could you provide a running example?

@domhaas : https://codesandbox.io/s/github/andrewsantarin/extended-flexlayout-react-example

Try that CodeSandbox. It's a modified example of the examples running in this library's demo folder. I also realize that my fork is now a few commits behind. Guess it needs to catch up really soon, too.

Thanks. Looks impressive!