Tab order when displaying popups next to a widget

[puremourning]

I have a widget that's using the egui_autocomplete crate to add a popup with suggestions for an input box.

This crate uses egui::Popup to render a list of suggestions below a single line TextEdit. This works OK for the most part.

However, the one main quirk is that the "tab order" (the notional FocusDirection::Next) seems to be somewhat arbitrary when tabbing out of the text edit.

I created the following minimal example to demonstrate what's happening:

fn main() -> eframe::Result {
    let native_options = eframe::NativeOptions {
        viewport: egui::ViewportBuilder::default()
            .with_inner_size([400.0, 300.0])
            .with_min_inner_size([300.0, 220.0]),
        ..Default::default()
    };
    eframe::run_native(
        "eframe template",
        native_options,
        Box::new(|_| Ok(Box::new(TestApp::default()))),
    )
}

#[derive(Default)]
struct TestApp {
    input: String,
}

impl eframe::App for TestApp {
    fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {
        egui::panel::TopBottomPanel::new(egui::panel::TopBottomSide::Bottom, "bot").show(
            ctx,
            |ui| {
                // Should not be focussed
                ui.text_edit_singleline(&mut self.input);
            },
        );
        egui::CentralPanel::default().show(ctx, |ui| self.draw_test(ui));
    }
}

impl TestApp {
    fn draw_test(&mut self, ui: &mut egui::Ui) {
        // first text edit
        let te = ui.text_edit_singleline(&mut self.input);
        let id = egui::Id::new("popup");
        egui::Popup::from_response(&te)
            .id(id)
            .open_memory(None)
            .align(egui::emath::RectAlign::BOTTOM_START)
            .width(te.rect.width())
            .show(|ui| {
                ui.label("Hello, World!");
            });

        if te.has_focus() {
            egui::Popup::open_id(ui.ctx(), id);
        } else {
            egui::Popup::close_id(ui.ctx(), id);
        }

        // second text edit
        ui.add_space(20.0);
        ui.text_edit_singleline(&mut self.input);
    }
}

In this example we have simply 3 text edits in a vertical line (ok one is in a bottom panel, but from the user perspective, they are just a column-of-three).

The first text edit has configuration to show the popup whenever it is focussed. The popup does nothing in this example.

The expectation is that pressing tab repeatedly would cycle through the 3 text inputs from top to bottom, and then round again, but actually if you :

• click the first input
• press tab

You are in no-mans land..no input is focussed.

Though oddly if you click the 2nd input, then tab, tab. it does cycle more normally.

So the question is: When employing a popup like this that activates when an input is focussed, and deactivates when it loses focus (e.g. via tab), is there a way to retain a "natural" tab order? in this case?

I tried a number of different ways and it seems a little unpredictable. Any advice much appreciated.