topic Re: displayHTML <a href="#id"> not working in Administration & Architecture

displayHTML not working

invalidargument — Fri, 07 Feb 2025 09:01:47 GMT

Many packages output a html-report, e.g. ydata-profiler. The report contains links to other parts of the report. But when the user clicks the links a new window is opened instead of scrolling to the correct section of the displayed html.

Could this be fixed from the databricks end somehow?

Example:

There is a workaround to do inject javascript. Example with workaround:

displayHTML(""" <!DOCTYPE html> <html lang="en"> <head> <title>Example HTML</title> </head> <body> <h1 id="example">Example Header</h1> <p>This is an example paragraph with a <a href="#example">link to the header</a>.</p> <script> document.querySelectorAll('a[href^="#"]').forEach(el => { el.onclick = function(event) { event.preventDefault(); document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }; }); </script> </body> </html> """)

Re: displayHTML not working

Alberto_Umana — Sat, 08 Feb 2025 22:28:56 GMT

Hello @invalidargument,

Currently, there is no direct support from the Databricks end to modify this behavior without using such a workaround. The displayHTML function in Databricks renders HTML content within an iframe, and the injected JavaScript handles the link behavior within that iframe