[Silk UI Web] Chart inside Carousel not aligned correctly on screen resize

[Silk UI Web] Chart inside Carousel not aligned correctly on screen resize

  
Forge Component
(47)
Published on 11 Nov (4 weeks ago) by OutSystems Labs
47 votes
Published on 11 Nov (4 weeks ago) by OutSystems Labs

Hi Team,


I am using Silk UI Framework version 2.2.1

I put 3 charts inside a carousel.


I found some interesting issue when I resize my window. 

below is the screen capture of the issue: (Silk UI's device emulation is turned off to prevent page refresh)

As you could notice that the chart is not aligned due to the charts exceed the container.

This is fine if I refresh the page.


Is this a known bug? is this fixed on newer  version of Silk UI?

attached is my example oml if you like to try to reproduce the issue.


Thanks,
Daniel

Hi Dan,

SilkUI is server side responsive. That means that it detects the device where the page is being rendered and sends the correct CSS for that device. If you stop the page from refreshing, this mechanism won't work, and the page will be rendered with CSS that might be incompatible with the new screen dimensions.

okay. Thanks Aurelio