How to draw EditorGUI on top of another EditorGUI and allow interact with it ?

Unity Engine
1

[How to move this thread to “Script” session?]

here is the story, I tried to create the auto complete popup for my Editor tools kit. (following gif)
as the images shown, when the “popup” that I make show on top of another EditorGUI.
something wired happen,

  • I can’t really click on the “Top” button, click will focus the EditorGUI behind it.
    in this case:
    if any textfield are lay behind the button, mouse click will focus on the textfield “Behind”,
    instead of the button on “Top” of it.
  • Cursor (Mouse), it also display as a Cursor.Text instead of Cursor.Hand
  • The popup working fine, if there is nothing allow to interact behind.

3181363--242652--EditorGUI_issue.gif

some article are saying the GUI.Depth are used to solve the issue, however it didn’t work on my cases.
here is how I implement it.

// Draw recommend keyward(s)
if (m_CacheCheckList.Count > 0)
{
    int cnt = m_CacheCheckList.Count;
    float height = cnt * EditorGUIUtility.singleLineHeight;
    Rect area = position;
    area = new Rect(area.x, area.y - height, area.width, height);
    GUI.depth-=10;
    // GUI.BeginGroup(area);
    // area.position = Vector2.zero;
    GUI.BeginClip(area);
    Rect line = new Rect(0, 0, area.width, EditorGUIUtility.singleLineHeight);
 
    for (int i = 0; i < cnt; i++)
    {
        if (GUI.Button(line, m_CacheCheckList[i]))//, EditorStyles.toolbarDropDown))
        {
            rst = m_CacheCheckList[i];
            GUI.changed = true;
            GUI.FocusControl(""); // force update
        }
        line.y += line.height;
    }
    GUI.EndClip();
    //GUI.EndGroup();
    GUI.depth+=10;
}

so any idea how to workaround the problem ?

for anyone who interested to review the full source code,
there is the link in my blog.
http://www.clonefactor.com/wordpress/public/1769/

2

Did you ever find a solution to that bug? I tried using your autocomplete code in a custom EditorWindow and stumbled on the same issue.

3

@tcz8 , yes I did, I post it on my blog (included source code)
https://www.clonefactor.com/wordpress/program/c/1809/
the concept is using the ‘Event.current’ to define which area are clicked.

it look like this.

added Feature :

  • [New] Up/Down Arrow to select the option
  • [New] Enter to confirm and replace current text to selected option.
  • [New] when string are perfect matching the option, the option will display as selected.
  • Giving recommend result based on giving string in editor
  • support Fuzzy matching – Levenshtein Distance (Wiki) (code ref: C#)
4

Hey! I was trying to do the same thing, and found your code still had the same issue - anything drawn before the popup eats the input. Don’t suppose you forgot to update the source or something? It looks slightly different to your example video in my project too.
(Also, big thanks for this, it’s a really good tool!)