Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Set z-index / styles of svg container (above "root")? #195

Open
thnk2wn opened this issue Dec 3, 2021 · 0 comments
Open

Set z-index / styles of svg container (above "root")? #195

thnk2wn opened this issue Dec 3, 2021 · 0 comments

Comments

@thnk2wn
Copy link

thnk2wn commented Dec 3, 2021

🚀 Feature request

Problem description

I'd like to be able to set the z-index of root container element (the div above the svg).

Currently with this example the content in the middle needs a higher z-index:

image

I set the zIndex of the root element in the styles like so:

 <CircularProgressbarWithChildren
                    {...otherProps}
                    styles={{
                        root: {
                            zIndex: zIndex
                        }
                    }
                    } />

But that gets applied to the SVG and not the root container:

image

Setting the z-index in dev tools of the div containing the svg works but don't see a way to override that with the component?

Suggested solution (optional)

Add a style property for the container and allow styles like zIndex to be overridden there?

Or is there a way to accomplish this already?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant