CSS: calc() for IE in transform: translateX/Y() not working in any way?

Question

Internet Explorer

Can't be used in IE calc()for transform: translateX()
codepen.io/nicothin/pen/ogPEey?editors=110
Is there a way to fix this? Or am I doing something wrong?
PS: I can get around the problem by using other positioning methods, I'm interested in the possibility of using calc()for transform: translateX()and similar properties in the greatest "browser" of all time.

Answer 1

The bug is known and, judging by the status of the error message, the problem has not yet been resolved. You can try to make your own mixin-crutch, which will temporarily solve the problem. Something like this:

.calc(@t, @a, @b){
  transform: ~"@{t}(@{a}) @{t}(@{b})";
}
selector {
   .calc(translateX, 100%, -5rem);
}

Answer 2

try FormLimiter

Answer 3

timify.me
Popular application for Google Forms. Up to 100 tests/surveys per month - free of charge.
In the search for applications - enter "Timer" - the specified service will be in the results of the issuance.
Records the time it takes to complete the form.
Also roughly estimates the number of "leaves" of the form during responses.