material-tailwind icon indicating copy to clipboard operation
material-tailwind copied to clipboard

Dialog backdrop should be at least screen height

Open marlier opened this issue 1 year ago • 1 comments

If/when #648 is merged, it will allow a Dialog that is taller than the screen to be rendered correctly. However, the backdrop is currently fixed at the height of the screen. This changes the default theme so that the backdrop is at least the screen height, but will become taller should the content be larger than the viewport.

Workaround for the time being is to set your custom theme as

<ThemeProvider
                  value={{
                    dialog: {
                      styles: {
                        base: {
                          backdrop: {
                            position: 'relative',
                            height: 'min-h-screen',
                          },
                        },
                      },
                    },
                  }}
                >

marlier avatar Mar 12 '24 16:03 marlier

@marlier is attempting to deploy a commit to the ct-tailwind-team Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Mar 12 '24 16:03 vercel[bot]