[Demo] Selectable covering Button on the same line, is this by design?

[Demonese]

Version/Branch of Dear ImGui:

Version: 1.89.7
Branch: features/range_select

Back-end/Renderer/Compiler/OS

Back-ends: imgui_impl_win32.cpp + imgui_impl_dx11.cpp
Compiler: MSVC 19.36.32535
Operating System: Windows 11 22H2

My Issue/Question:

Is this by design?

EX: I didn't find any API that can change the z-order of widgets, maybe some related APIs should be added

Screenshots/Video

Standalone, minimal, complete and verifiable example:

[GamingMinds-DanielC]

Hard to say without any code, but it seems you have ImGuiTreeNodeFlags_SpanAvailWidth active. Using the available with is the purpose of that flag.

Edit: ah, those leaves are selectables in the demo code. But in the demo code they just have text after them, in that case an expanded selectable would be desired. The buttons are your addition, you would have to adjust the selectables accordingly.

[PathogenDavid]

You need to call SetNextItemAllowOverlap to explicitly enable support for overlapping widgets.

IE:

static bool selected[3] = { false, false, false };
ImGui::SetNextItemAllowOverlap();
ImGui::Selectable("main.c",    &selected[0]);
ImGui::SameLine();
ImGui::Button("Link 1");

ImGui::SetNextItemAllowOverlap();
ImGui::Selectable("Hello.cpp", &selected[1]);
ImGui::SameLine();
ImGui::Button("Link 2");

ImGui::SetNextItemAllowOverlap();
ImGui::Selectable("Hello.h",   &selected[2]);
ImGui::SameLine();
ImGui::Button("Link 3");

[Demonese]

You need to call SetNextItemAllowOverlap to explicitly enable support for overlapping widgets.

This is a new API, I didn't understand what it did at first, thanks for the answer!

[ocornut]

Thank you for pointing this out.
Actually I think it was a mistake that I committed it in range_select branch, I recall it was a test and I didn't finish the thing.
I will rework this section so the button look the right size + use SetNextItemAllowOverlap() here and there.

[ocornut]

I have pushed 9a15730 with some use of SetNextItemAllowOverlap() in the demo.