jQWidgets Forums

Tagged: content, editable, jqxpanel, panel, scroll, scrollbar, tab

This topic contains 6 replies, has 5 voices, and was last updated by Peter Stoev 11 years, 8 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Focusing moves the scorllbar Posts

August 18, 2013 at 9:28 am Focusing moves the scorllbar #27054

Participant

Hello,

I have a panel whcih is filled with input fields. There are more fields as can take place in the panel so the vertical scrollbar appears. If I walk through the fields with tab the scrollbar jumps up when I get to a input field which is not displayed.

My code looks like:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="system/thirdparty/jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="system/thirdparty/jqwidgets/styles/jqx.redmont.css" type="text/css" />
    <script type="text/javascript" src="system/thirdparty/jquery/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="system/thirdparty/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="system/thirdparty/jqwidgets/jqxinput.js"></script>
    <script type="text/javascript" src="system/thirdparty/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="system/thirdparty/jqwidgets/jqxscrollbar.js"></script>
	<script type='text/javascript' src='system/thirdparty/jqwidgets/jqxpanel.js'></script>
</head>
<body class='default' bgcolor='#c0c0ff'>
    <div id='content'>
    	<style>
    		.jqx-expander-header {
    			border: none;
    		}
    	</style>
        <script type="text/javascript">
            $(document).ready(function () {
                $(".fld").jqxInput({ placeHolder: "Enter a word", height: 25, width: 200, minLength: 1, theme: 'redmont' });
				$(".panel").jqxPanel({ width: 350, height: 150, theme: 'redmont' });
            });
        </script>
		<form id='INPUT'>
			<div id='pnl1' class='panel'>
				<input id="fld1" class='fld' /><br>
				<input id="fld2" class='fld' /><br>
				<input id="fld3" class='fld' /><br>
				<input id="fld4" class='fld' /><br>
				<input id="fld5" class='fld' /><br>
				<input id="fld6" class='fld' /><br>
				<input id="fld7" class='fld' /><br>
				<input id="fld8" class='fld' /><br>
				<input id="fld9" class='fld' /><br>
			</div>
		</form>
    </div>
</body>
</html>

Any advise would be helpfull

Thanks

Stephan

August 19, 2013 at 5:27 am Focusing moves the scorllbar #27093

Dimitar

Participant

Hello Stephan,

Thank you for your feedback. The reported issue will be fixed in the next version of jQWidgets.

Best Regards,
Dimitar

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

August 19, 2013 at 3:20 pm Focusing moves the scorllbar #27142

parascus

Participant

Hello Dimitar,

thanks for fixing.

Best regards

Stephan

October 10, 2013 at 3:52 am Focusing moves the scorllbar #30521

mtbvfrAgain

Blocked

Hi Dimitar,

I have a similar issue on Mobile Safari. When the Content Div (e.g. panelContentNameOfPanelDiv) is editable and ALL of the text is selected, the Content Div and the Vertical Scrollbar are moved vertically upwards an equal amount such that the last of the text in the Content Div is viewable.

Thank you, Michael.

October 10, 2013 at 3:54 am Focusing moves the scorllbar #30522

mtbvfrAgain

Blocked

P.S.

Too tired to notice the date. I am hoping this problem is fixed in version 3.0.3 ?

Thank you, Michael

October 26, 2013 at 12:52 am Focusing moves the scorllbar #31372

Marc

Participant

In 3.0.3, the scrollbar no longer jumps up as you tab to fields that not visible. However, it does not scroll to make the focused field visible either (the cursor disappears from view and the user must manually scroll to find it).

October 26, 2013 at 6:44 am Focusing moves the scorllbar #31375

Peter Stoev

Keymaster

Hi Marc,

jqxPanel will not automatically move the scroll position when a child element is focused and that is by design. Scrolling in that widget can be done only through the mouse.

Best Regards,
Peter Stoev

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

Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.