Jump to content

Bootstrap Modal and Autofill Text Box

Recommended Posts

I am having trouble reconciling these two things. I already found this forum post. Essentially what is happening is I have a modal popup and the Autofill Textbox will not show up in front of the modal but behind. I followed the suggestion given at the end of the attached post and it made my page do as shown in my screenshot (the redline is just for privacy to not reveal personal information.) Does anyone have a solution to this? (For clarity, my app is deployed to HTML pages, and the bar across the modal is within the HTML, not another datapage. I believe this to be a CSS issue but I cannot figure it out)


Screenshot 2023-08-17 at 3.23.19 PM.png

Link to comment
Share on other sites

Hi @JiddyJohnson,


Try Inspecting the HTML page and see what's the z-index of the bar going across. Then, update the modal class CSS to have a z-index higher than that bar. You can also try to set the z-index to something super large as 999999999 for the modal and see how it behaves. That usually fixes it.

See more at z-index - CSS: Cascading Style Sheets | MDN (mozilla.org)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...