Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Resizing container width via CSS or Script messes with the eqio classes #2

Open
cuartas15 opened this issue Mar 6, 2019 · 1 comment

Comments

@cuartas15
Copy link

cuartas15 commented Mar 6, 2019

I have something like this:

<div class='prl-interface eqio' data-eqio-sizes='["<545.98", "<737.98", "<961.98", "<1169.98", ">546", ">738", ">962", ">1170"]' data-eqio-prefix='prl'>

And have CSS classes like these:

.prl-eqio-\<961\.98, .prl-eqio-\<1169\.98, .prl-eqio-\>962 etc

this does work fine when resizing the browser window so if I end up resizing to width 1000px I get:

<div class='prl-interface eqio prl-eqio->546 prl-eqio->738 prl-eqio-<1169.98 prl-eqio->962' data-eqio-sizes='["<545.98", "<737.98", "<961.98", "<1169.98", ">546", ">738", ">962", ">1170"]' data-eqio-prefix='prl'>

But if I resize using a Script or CSS where let's say I add a right margin of 230px to a 1230px width container to get the same 1000px I get:

<div class='prl-interface eqio prl-eqio-<1169.98' data-eqio-sizes='["<545.98", "<737.98", "<961.98", "<1169.98", ">546", ">738", ">962", ">1170"]' data-eqio-prefix='prl'>

So most of the classes are not added and I lose the styles I could've added on the prl-eqio->962 class for example.
The worst part is that as it could add prl-eqio-<1169.98, it could add prl-eqio->962 instead, making it totally random and unpredictable.

What can I do in this case to fix it?

thanks in advance.

@cuartas15 cuartas15 changed the title Rezising container width via CSS messes with the eqio classes Rezising container width via CSS or Script messes with the eqio classes Mar 6, 2019
@cuartas15 cuartas15 changed the title Rezising container width via CSS or Script messes with the eqio classes Resizing container width via CSS or Script messes with the eqio classes Mar 6, 2019
@stowball
Copy link
Owner

stowball commented Aug 17, 2019

Sorry, I completely missed this issue. Can you push a reproducible demo?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants