Change the CSS of callout request

[piyumi25]

I am using a callout as a dropdown . The callout is shown when click on the target div element. I need to remove the css of root element. How do I do that? I tried by putting styles. but not successful.

[kkjeer]

Hi @piyumi25, the CSS style property on the root div sets the top and left attributes based on the position of the Callout relative to its target element. It is not intended to be changed via CSS or the styles property, but if you truly need to override it, you can try something like this:

<Callout
    styles={{ root: { top: '250px !important', left: '300px !important' } }}
>
    {/*Callout children go here*/}
</Callout>

If this doesn't work for you, please create a CodePen to help us debug.

[piyumi25]

Thank you for your reply. when I am going to use styles I got this error.

[kkjeer]

@piyumi25 which version of Fabric are you using? The styles Callout prop has been available since pull request #4844, version 6.0.0-beta3

[piyumi25]

I am using this version - 5.128.2