Git Product home page Git Product logo

Comments (5)

actual-saurabh avatar actual-saurabh commented on September 26, 2024 2

overflow-x is not a problem, overflow-y: hidden messes up everything! :)

from astra.

Nikschavan avatar Nikschavan commented on September 26, 2024

Hello @actual-saurabh,

Firstly, Thank you very much for this Issue and the PR.

You are right, overflow: hiddendoes cause some unintended problems. Like we faced problems when adding compatibility for Divi.
I will check some earlier logs on to why this was added as this exists from the very early days of Astra.

from astra.

actual-saurabh avatar actual-saurabh commented on September 26, 2024

The blame shows that this was added in 6584757 in early Nov 2017 by @sandeshjangam

I guess they can weigh in if there's a specific reason that we're missing before you close this.

from astra.

Nikschavan avatar Nikschavan commented on September 26, 2024

It seems this CSS was added early on as a compatibility fox for animation effects for Visual Composer and it's addons. When the animations appear on page, it was adding horizontal scrolls to the screen.

I tested this once again and this no longer seems to be an issue anymore and this CSS can be removed.

Thank you very much for this PR @actual-saurabh 👍

from astra.

Nikschavan avatar Nikschavan commented on September 26, 2024

Hey @actual-saurabh you had a contributon in removing this CSS .
I just wanted to inform you that overflow-x:hidden needs to be added for another problem here for gutenberg compatibility. We did search multiple ways to overcome this although for now that seems the only solution at the moment.

Feel free to reply if you have any comments regarding this.

from astra.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.