xJOAN opened a new issue, #35900:
URL: https://github.com/apache/superset/issues/35900

   ## Screenshot
   Dashboard in superset:
   <img width="2526" height="787" alt="Image" 
src="https://github.com/user-attachments/assets/14560df6-8f45-4bda-b6bd-b3d1e507166f";
 />
   
   Dashboard in embedDashboard:
   <img width="2555" height="602" alt="Image" 
src="https://github.com/user-attachments/assets/3aa5bd4a-46ba-4bb3-aba8-be12330a62cf";
 />
   
   ## Description
   I am running a self-hosted Superset instance (using the official 
docker-compose-image-tag.yml setup, and the image version is 6.0.0rc2-dev).
   when i use @superset-ui/embedded-sdk to iframe a dashboard in my test 
page,the layout/appearance inside the iframe does not match the original 
dashboard. (As shown in the picture above)
   
   and then I discovered that the cause of the problem was a matter of css.
   
   At the top-level div level of the original page, there is a CSS style named 
"ant-layout", which has the "box-sizing" attribute. This attribute affects the 
style of the chart level.but in the iframe page doesn't have it. so the iframe 
page does not match the original dashboard
   <img width="1457" height="676" alt="Image" 
src="https://github.com/user-attachments/assets/bd59e3d9-bb00-4945-b054-e907349217e6";
 />
   
   <img width="1145" height="675" alt="Image" 
src="https://github.com/user-attachments/assets/9b541e02-77f1-4e2c-8e77-860907524ce8";
 />
   
   
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to