Collapse / Expand not working correctly for some headers

Another irritating bug I found was the following, regarding collapsing/expanding sections:

Taking the following div example from the UI, the expand/collapse only works on all children within the <h4 class="opblock-tag"> html tag, and not on the <h4 class="opblock-tag"> itself. So, you have to click almost dead center inside the h4.

<div class="opblock-tag-section">
	<h4 class="opblock-tag">
		<span>auth</span>
		<small>Authorization Section</small>
		<button class="expand-operation" title="Expand operation">
			<svg class="arrow" width="20" height="20">
				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#large-arrow"></use>
			</svg>
		</button>
	</h4>
	<noscript></noscript>
</div>

UPDATE:

I actually found out that the click does work on the h4, but not on the padded area around the h4. You have to click in the center of the h4. If you click on the padded area around the h4 then click does not work. Strange is, it does work correctly on the Models header, although that also has a padded area around its h4.

THE NON-WORKING ONE:

image

THE WORKING ONE:

image

[1Map]

@webron Thanks, it is now working 100% - Appreciate - You can close this ticket.

[webron]

@1Map have you had a chance to test it?