How to control the position of minimizable dialog component

[iamsuneeth]

Hi Paste team 👋 ,
I'm trying to use the new Minimizable Dialog component for a building a chatbot like screen. I want to know if there is anyway to control the placement of the minimised state of the dialog. It seems to be fixed at the bottom right of the window and I cannot see any prop to control the distance between the minimised modal and bottom of the window. It also seems to be not sticky in a page where we have scroll bars.

Do we have any customisation options available for this ?

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• AI Chat Container (updated: 08/09/2024, similarity score: 87%)
• Modal / Alert dialog specific use case (updated: 03/06/2024, similarity score: 86%)
• How to change SideModal position (updated: 01/06/2023, similarity score: 86%)

[dosubot[bot]]

Hi @iamsuneeth! I'm Dosu and I’m helping the paste team.

The minimized position of the Minimizable Dialog is currently hardcoded to the bottom right of the window using a fixed CSS inset value (auto 1.5rem 0 auto!important), and there are no props or public API options to customize its placement or offset. The use of !important in the styling also makes it difficult to override with custom CSS, and Paste's theming or CustomizationProvider do not expose hooks for this kind of positional change. Making the minimized position customizable would require a change to the component's implementation reference.

To reply, just mention @dosu.

---

Docs are dead. Just use Dosu.

[iamsuneeth]

I think I could control the distance between the minimised dialog and the bottom of the screen using MINIMIZABLE_DIALOG element and CustomizationProvider. I'm not sure about I can control the stickiness when the page include scrollbars.

[jhanvi1399]

Hey @iamsuneeth thank you for posting this discussion. I'm discussing this with the team and will get back to you soon with a helpful response!

[jhanvi1399]

Hi @iamsuneeth, I checked with the team and as of now there's no supported way of doing it. We also don’t recommend using the Customization Provider within Twilio products, as it is meant to be used external to the company. Could you share more context on why you need the minimized dialog repositioned?

Thanks!

[iamsuneeth]

In one of the screens that we are planning to use the minimizable dialog, we have a bottom bar with action buttons. On minimising the dialog, it will be overlapping the buttons.

[roxanagomez]

@iamsuneeth could you share a figma file with us? Maybe we can discuss this further in a session, feel free to schedule an ad-hoc office hours, and you’re welcome to bring your design partner so we can work through this issue together.