Add button on Selectable

[Jony01]

How to correctly insert button into combo?

Minimal example contains checkbox showing click action and two example of combos.

std::vector<std::string> names({"one", "two", "three"});
static size_t selected_index = 1;
static bool clicked = false;
ImGui::Checkbox("was clicked", &clicked);
ImGui::SameLine();
if (ImGui::Button("del")) clicked = (!clicked);
if (ImGui::BeginCombo("My_combo1", names[selected_index].c_str())) {
    for (const std::string &name : names) { 
        ImGui::PushID(name.c_str());
        size_t index = &name - &names.front();
        bool is_selected = index == selected_index;
        if (ImGui::Selectable(name.c_str(), is_selected)) 
            selected_index = index;            
        ImGui::SameLine();
        ImGui::SetCursorPosX(200);
        if (ImGui::Button("del")) clicked = (!clicked);
        ImGui::PopID(); 
    }
    ImGui::EndCombo();
}
if (ImGui::BeginCombo("My_combo2", names[selected_index].c_str())) {
    for (const std::string &name : names) {
        ImGui::PushID(name.c_str());
        size_t index       = &name - &names.front();
        bool   is_selected = index == selected_index;
        float  pos_x       = ImGui::GetCursorPosX();
        ImGui::SetCursorPosX(200);
        if (ImGui::Button("del")) clicked = (!clicked);
        ImGui::SameLine();
        ImGui::SetCursorPosX(pos_x);
        if (ImGui::Selectable(name.c_str(), is_selected))
            selected_index = index;
        ImGui::PopID();
    }
    ImGui::EndCombo();
}

Combo1

(+) Draw Buttons above Slectable

(-) Button catch click event only when it is out of Selectable

Combo2

(+) Buttons work correctly (catch click event)
(+) When cursor is above Button do NOT select line

(-) But when hover line it, Selectable cover button

Wanted

I would like to combine behave:

• Draw Buttons above Slectable
• Buttons catch event on click
• when cursor is above button do NOT select line
• when hover line button is above Selectable

My visually correct but without click response example (similar to "My_combo1" but with using Image instead of Button):

[ocornut]

About hit reaction:
You should use the ImGuiSelectableFlags_AllowItemOverlap flag when calling Selectable().

About layout:
Either use AlignTextToFramePadding() before Selectable(), then Button().
Either Selectable() + SmallButton() or a item that match the line height.

[Jony01]

Thanks, your tip helps me