Do more on the web, with a fast and secure browser!

Download Opera browser with:

  • built-in ad blocker
  • battery saver
  • free VPN
Download Opera

[Solved]Rendering issues in https://gdp.tn.gov.in/

  • I would like to draw the attention of Opera Support team to check why the rendering of https://gdp.tn.gov.in/ is broken but Google Chrome is able to render it fine.

    I guess both are based on Chromium engine. Please see the UI rendition in opera and chrome here:

    On closer inspection I see that because Opera has a sidebar the UI is distorted. When I hid the Sidebar the rendition was similar to Google Chrome. Can Opera team investigate into the issue?

    Opera:
    087f2269-3898-4255-951b-8f240017b2da-image.png

    Chrome:
    4a067d9b-6876-48ba-bbdf-b1fa7f479ec3-image.png

  • @lavanyadeepak-0 Although both Opera and Chrome are based on Chromium, each one had its own UI.

    By the way, in a browser the UI is the part where you have, for example, the address bar, the tabs bar, the menu, the sidebar, etc. In resume, the interface you use to interact with the program.

    About the rendering issue, even both browsers being based on Chromium, most sites differentiate them and may send different pages. So just because a site works in a browser and not in the other, does not mean that the problem is with the browser.

    Did you try disabling ad and tracker blockers? What about extensions?

  • Yes @leocg
    Thank you for the clarifications. Actually the problem was not Ad Blocking. It was Sidebar. The moment I hid SideBar the UI was same as Chrome. I guess I had mentioned it in the original post too.

  • @lavanyadeepak-0 I could only access the page through Opera's VPN and it loaded fine, even with the sidebar enabled. Ad and tracker blockers were also enabled.

  • @leocg The page loads. Did you see that the left menu tiles are getting distorted?

    Or might be I guess the screen resolution at play? I am using a laptop directly. Or you by any chance using a larger monitor?

  • @lavanyadeepak-0 May be it, I'm on a 34" monitor.

  • @lavanyadeepak-0 said in Rendering issues in https://gdp.tn.gov.in/:

    Or might be I guess the screen resolution at play?

    Yes. If the width of the viewport is small enough, it'll cause the page to wrap more and make the page height larger where the page will be more scrollable. When this happens, the "main menu" widget will jump towards the bottom left of the page. Then, when you scroll down to look at it, the text in the menu item boxes can overflow, depending on the viewport width.

    It's reproducible in Chrome too depending on the width. In Opera, if the sidebar is showing, it might be reproducible in a window width situation where it's not in Chrome because the sidebar showing makes the viewport width a little smaller.

    So, everything is behaving as expected. It's the web page styling that doesn't handle the situation as good as it could be.

  • @burnout426 Thank you. And this response helps more not just for this website and as an opera user but also from the perspective of a web developer on how we should ensure our pages be designed.

  • @burnout426
    @leocg

    I managed to solve the issue in a different way. I set the Zoom to 80 percent and that seems to be giving sufficient screen real estate to the main window to display it fine. Please find the illustration here. Sharing this so that others with similar experiences can be benefitted.

    f024e633-ccf6-408f-856d-4654ad83c718-image.png