How to use Drawio with tooltip enabled in mkdocs material #7184
-
How to use Drawio with tooltip enabled in mkdocs material? I saved the Drawio image as png, svg and html and tried using in mkdocs material theme but I am not seeing the text which is entered using tooltip. The reason I didn't use mkdocs tooltip. The image will have multiple logos and when I hoover over each logo it will display a text. Can you please help on this. |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 1 reply
-
Hello @Sahayavinodh, Looking at the readme of https://pypi.org/project/mkdocs-drawio/ it seems to me that the drawio diagram is inserted via some kind of JavaScript into the page. It might be generated in a shadow root / iframe, and therefore not be visible for the Tooltip logic in Without further details, I assume this requires a lot of customization to get to work. |
Beta Was this translation helpful? Give feedback.
-
Thanks,
After adding the plugins it worked. Thank you for your input.
Thanks,
Sahaya Vinodh
…On Wed, May 15, 2024 at 10:40 AM Kamil Krzyśków ***@***.***> wrote:
Hello @Sahayavinodh <https://github.com/Sahayavinodh>,
please provide a more specific example, best a whole minimal reproduction
<https://squidfunk.github.io/mkdocs-material/guides/creating-a-reproduction/#minimal-reproduction>
we could run to test things out on our end.
Looking at the readme of https://pypi.org/project/mkdocs-drawio/ it seems
to me that the drawio diagram is inserted via some kind of JavaScript into
the page. It might be generated in a shadow root / iframe, and therefore
not be visible for the Tooltip logic in mkdocs-material as this requires
for the HTML elements to be in the main DOM. Or perhaps you're not using
that plugin, and instead embedding the diagram yourself inside of some
iframe, then the same assumption applies.
Without further details, I assume this requires a lot of customization to
get to work.
—
Reply to this email directly, view it on GitHub
<#7184 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/BIP53RE6DFNC5J7YYIYTBETZCN6XDAVCNFSM6AAAAABHXE6X42VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4TINBXG43TA>
.
You are receiving this because you were mentioned.Message ID:
***@***.***
com>
|
Beta Was this translation helpful? Give feedback.
Hello @Sahayavinodh,
please provide a more specific example, best a whole minimal reproduction we could run to test things out on our end.
Looking at the readme of https://pypi.org/project/mkdocs-drawio/ it seems to me that the drawio diagram is inserted via some kind of JavaScript into the page. It might be generated in a shadow root / iframe, and therefore not be visible for the Tooltip logic in
mkdocs-material
as this requires for the HTML elements to be in the main DOM. Or perhaps you're not using that plugin, and instead embedding the diagram yourself inside of some iframe, then the same assumption applies.Without further details, I assume this requires a lot of customization to get…