GithubHelp home page GithubHelp logo

Comments (8)

garrynewman avatar garrynewman commented on August 11, 2024

is this the case with overflow: hidden too?

from sbox-issues.

handsomematt avatar handsomematt commented on August 11, 2024

just tried it, still persists with overflow: hidden applied on both the panel and it's parent

from sbox-issues.

louiefox avatar louiefox commented on August 11, 2024

image
image
Seems to work fine at any value above 0 by any slight amount, top one has a width of 0px and bottom .1px

from sbox-issues.

louiefox avatar louiefox commented on August 11, 2024

Is there any news on this bug?

from sbox-issues.

garrynewman avatar garrynewman commented on August 11, 2024

I'll take a look today

from sbox-issues.

garrynewman avatar garrynewman commented on August 11, 2024

You're going to have to give me some code to replicate this. Setting Width to 0 for me sets the width to 0.

Possibly related to transitions?

from sbox-issues.

handsomematt avatar handsomematt commented on August 11, 2024

My original issue seems to have fixed itself at some point, here's the same code on a build from 24 April and the latest build using the code:

<div style="position: absolute; left: 32px; top: 50%; background-color: black; border-radius: 8px; width: 200px; height: 32px;">
	<div style="background-color: rgba(white, 0.2); width: 0%; height: 100%;"></div>
</div>

Old:

image

Latest:

image

Not sure if you've tried the same code recently @louiefox ?

from sbox-issues.

louiefox avatar louiefox commented on August 11, 2024

Oh my bad, this issue with the width was kinda fixed it seems, the issue I saw the other day was the box shadow still does the negative width issue.

The blue bit is the box shadow for a panel with 0 width and a background color of red, so its just the box shadow now.
image

from sbox-issues.

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.