ensureVisible is showing only 50% of item when horizontal scroll bar is visible

[LiamParticipant]

Hello, ensureVisible is not working property when jqxTree has a horizontal scroll bar.
It’s displaying only 50% of the item.

Link to reproduce : http://jsfiddle.net/po2zsLh3/

Code

<div id='jqxTree'>
	<ul>
		<li>Home</li>
		<li>Solutions
			<ul>
				<li>Education</li>
				<li>Financial services</li>
				<li>Government</li>
				<li>Manufacturing</li>
				<li>Solutions
					<ul>
						<li>Consumer photo and video</li>
						<li>Mobile</li>
						<li>Rich Internet applications</li>
						<li>Technical communication</li>
						<li>Training and eLearning</li>
						<li id="myItem">Web conferencing</li>
					</ul>
				<li>Education</li>
				<li>Financial services</li>
				<li>Government</li>
				<li>Manufacturing</li>
				<li>All industries and solutions</li>
			</ul>
		</li>
	</ul>
</div>

$('#jqxTree').jqxTree({
	height: '150px',
	width: '200px',
	theme: 'energyblue'
});
var element = $("#myItem")[0];

$('#jqxTree').jqxTree('expandItem', element);
setTimeout(_ => {
	$('#jqxTree').jqxTree('ensureVisible', element);
	$('#jqxTree').jqxTree('selectItem', element);
}, 1000);

Thank you

[MartinParticipant]

Hello Liam,

Thank you for your feedback!
This seems to be an issue. The scrollbar is covering the item. I will create a work item for this case.
As a workaround, you can use the ensureVisible method with the next element.
Here is an Example.

Best Regards,
Martin

jQWidgets Team
http://www.jqwidgets.com/

[LiamParticipant]

It works, thank you.
But it still can be issue when I’m trying to “ensureVisible” a last item. But it’s minor.

[Author]

Posts