android - Chrome is not applying the class changes on elements on Windows -
i have specific problem google chrome occurs on windows , android, other major browsers work correctly. chrome works on linux machine.
so here issue. i'm using jquery handle animations , navigations. have button when clicked brings panel right edge of screen adding active
class element. can see live version of site here.
in browser other chrome clicking button bring said panel forth adding active
class .videos-wrapper
element sets width 100%. in chrome doesn't work. tried setting width manually using $('.videos-wrapper').width($(window).width());
not work either.
the weird(er) part in inspection panel after applying active class, if uncheck , recheck width: 100%
property works expected.
i don't know else do. once again live version can found here.
appreciate if point out problem.
i don't know talking chrome doesn't add active class section, does, chrome doesn't read incremental css classes correctly rather create "videos-wrapper-active" class , apply rule class not ".videos-wrapper.active."
edit: issue elements have percents dimension values, @ least top parent should have value in pixels. otherwise 100% of 0px means nothing.
Comments
Post a Comment