Support for player-owned trailers, including those from DLCs.Cross-platform support, with Windows, macOS and Linux versions.It allows you to generate simple paint job mods, with a focus on mods that support multiple vehicles. You will notice that in Chrome on OSX (at least), the "Not Forced" element does not maintain a proper ratio.Paint Job Packer is a lightweight mod making tool for Euro Truck Simulator 2 and American Truck Simulator. As you increase and decrease the window height, the elements should follow and the width should follow in turn to maintain the aspect ratio. This sample code is a simple style-based solution to maintain aspect ratio of an element based on a dynamic height. $('.slide.force').toggleClass('force-redraw') You can find out more from the master himself
var forceRedraw = function(element),20) // you can play with this timeout to make it as short as possibleĮDIT: In response to Šime Vidas what we are achieving here would be a forced reflow. It inserts an empty text node into the element which guarantees a redraw. If this simple redraw doesn't work you can try this one. $('#parentOfElementToBeRedrawn').hide().show(0) ĭocument.getElementById('parentOfElementToBeRedrawn').style.display = 'none' ĭocument.getElementById('parentOfElementToBeRedrawn').style.display = 'block' Not sure exactly what you're trying to achieve but this is a method I have used in the past with success to force the browser to redraw, maybe it will work for you. Making it worse, if you drop that timeout below 500ms (to where it would be less noticeable), it often won't have the desired effect, since the browser won't get around to redrawing before it goes back to its original state.Īnybody care to offer a better version of this redraw/refresh hack (preferably based on the first example above) that works on Chrome/Mac? $(el).css("border", "solid 0px transparent") Īs in, actually force the element to jump a bit, then chill a second and jump it back. Thus far, the best I've come up with to get the same effect on Chrome/Mac is this piece of ugliness: $(el).css("border", "solid 1px transparent") Unfortunately, the bright team behind Chrome for the Mac seem to have found a way to get that offsetHeight without redrawing.
This works in most browser/os combinations: el.style.cssText += ' -webkit-transform:rotateZ(0deg)'Įl.style.cssText += ' -webkit-transform:none'Īs in, tweak some unused CSS property, then ask for some information that forces a redraw, then untweak the property. This happens frequently (and predictably) enough in a project I'm working on that I've put code in place to force a redraw in certain circumstances. Digging in through the DOM inspector is often enough to get it to realize the error of its ways and redraw correctly, so it's provably the case that the markup is good. Every once in a while, Chrome will render perfectly valid HTML/CSS incorrectly or not at all.
0 kommentar(er)
