fix(FN-667): fix model dropdown layering in quick entry
- Render the custom model dropdown menu in a portal so it escapes clipped stacking contexts - Update dashboard styles to give the floating model menu reliable overlay positioning above quick entry surfaces - Refresh dropdown-focused tests to cover portal layering behavior in quick entry and model selector flows - Document the layering behavior in the dashboard README for future UI maintenance
This commit is contained in:
@@ -279,6 +279,19 @@ describe("InlineCreateCard model selector", () => {
|
||||
expect(screen.queryByText("Executor Model")).toBeNull();
|
||||
});
|
||||
|
||||
it("renders the shared model dropdown in the portal layer from the inline create surface", async () => {
|
||||
renderCard();
|
||||
expandInlineCreate();
|
||||
|
||||
openModelPanel();
|
||||
fireEvent.click(screen.getByRole("button", { name: "Executor Model" }));
|
||||
|
||||
const portal = await screen.findByTestId("model-combobox-portal");
|
||||
expect(portal).toBeTruthy();
|
||||
expect(portal.classList.contains("model-combobox-dropdown--portal")).toBe(true);
|
||||
expect(document.body.contains(portal)).toBe(true);
|
||||
});
|
||||
|
||||
it("updates executor selection and shows the selected model badge", () => {
|
||||
renderCard();
|
||||
expandInlineCreate();
|
||||
|
||||
Reference in New Issue
Block a user