'Transition with Textarea's resize conflict

When I apply transition to textarea, it's by default affect the resize function of it. I want to disable transition only on the resize action of textarea, but not the textarea it self - is this even possible to do?

<textarea name="" id="" class="txtarea"></textarea>

.txtarea {
  transition: 3s;
  resize: vertical;
  height: 140px;
  max-height: 350px;
  min-height: 140px;
}

I'm not willing to disable transition entirely for the textarea, but only for the resize action

Would be very nice to have a CSS solution, but if not, JS will be OK as well.

javascriptjqueryhtmlcsskotlinkotlin-coroutines


Solution 1:[1]

Not entirely sure I understood the question correctly but my interpretation is that you want transition for everything except the height. Then a simple css solution is this:

.txtarea {
    transition: all 3s, height 0s;
}

I know its a bit late but maybe this will help someone with the same question.

Solution 2:[2]

I faced the same problem. The Kotlin coroutine debug library didn't help me in any way. Therefore, after studying the implementation of coroutines, I wrote my own solution based on bytecode generation and MethodHandle API. It supports JVM 1.8 and Android API 25 or higher. I called it Stacktrace-decoroutinator.

The reason why the stacktrace is lost is that when the coroutine wakes up, only the last method of its call stack is called.

My library replaces the coroutine awakening implementation. It generates classes at runtime with names that match the entire coroutine call stack.

These classes don't do anything except call each other in the coroutine call stack sequence.

Thus, if the coroutine throws an exception, they mimic the real call stack of the coroutine during the creation of the exception stacktrace.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 cornzz
Solution 2

Related Questions