<h3 dir="auto">Version</h3>
<p dir="auto">2.6.10</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto"><a href="https://codesandbox.io/s/functional-components-issue-ubtr8" rel="nofollow">https://codesandbox.io/s/functional-components-issue-ubtr8</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Create a functional component.<br>
Add that component to another with a class attribute</p>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">The class attribute should be added to the root element of the component</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">The class attribute is ignored</p>
<h3 dir="auto">Version</h3>
<p dir="auto">2.5.2</p>
<h3 dir="auto">Reproduction link</h3>
<p dir="auto">[https://jsfiddle.net/hastom/uomhejLe/4/](<a href="https://jsfiddle.net/hastom/uomhejLe/4/" rel="nofollow">https://jsfiddle.net/hastom/uomhejLe/4/</a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>Inspect list with dev tools</li>
<li>Click add to end button</li>
<li>All </li><li> nodes highlithed that means they were updated</li>
</ol>
<h3 dir="auto">What is expected?</h3>
<p dir="auto">First item dropped, new item inserted at the end of the list, other items stay still</p>
<h3 dir="auto">What is actually happening?</h3>
<p dir="auto">All items dropped, new items inserted</p>
<hr>
<p dir="auto">I first discovered this behavior while trying to create a dynamic list moving up and down with transiotion (of "top" property) on each element. Moving down was OK, transition applied correctly. Moving up was just moving elements without any trasition. I went deeper and discovered whole list was rerendered so transition was not applied.</p>