diff --git a/knowledge-base/textbox-touch-responsiveness-radpanelbar-ipad.md b/knowledge-base/textbox-touch-responsiveness-radpanelbar-ipad.md new file mode 100644 index 0000000000..e9a8c575a0 --- /dev/null +++ b/knowledge-base/textbox-touch-responsiveness-radpanelbar-ipad.md @@ -0,0 +1,61 @@ +--- +title: Resolving Touch Responsiveness of TextBoxes in RadPanelBar on iPad +description: Learn how to fix the issue where TextBox controls inside a RadPanelBar do not respond to touch events on an iPad. +type: troubleshooting +page_title: How to Make TextBox Controls Responsive to Touch Inside RadPanelBar on iPad Devices +slug: textbox-touch-responsiveness-radpanelbar-ipad +tags: radpanelbar, asp.net ajax, touch events, ipad, radtextbox, javascript +res_type: kb +ticketid: 1668915 +--- + +## Environment + + + + + + + + + + + +
ProductRadPanelBar for ASP.NET AJAX
Versionall
+ +## Description + +When viewing a web page on Safari (iPad, iPhone), `RadTextBox` controls placed inside a [RadPanelBar](https://docs.telerik.com/devtools/aspnet-ajax/controls/panelbar/overview) do not respond to touch events — specifically, the keyboard does not appear. However, the text boxes work as expected when placed outside the RadPanelBar. + +## Cause + +The issue stems from the way touch interactions are managed within Telerik controls, particularly how the touch scroll extender in the RadPanelBar interferes with touch events on iOS devices. + +## Solution + +Disable the touch scroll extender for the RadPanelBar when the page loads. This action allows the `RadTextBox` controls within the RadPanelBar to respond normally to touch events on iOS devices. Use the following JavaScript snippet in your page: + +```javascript + +``` + +And add the `OnClientLoad` event to your `RadPanelBar` control: + +```aspnet + + + +``` + +This solution specifically targets iOS devices to ensure that `RadTextBox` controls within the `RadPanelBar` become responsive to touch events, making them usable on devices like iPads. + +## See Also + +- [RadPanelBar Overview](https://docs.telerik.com/devtools/aspnet-ajax/controls/panelbar/overview) +- [RadTextBox Overview](https://docs.telerik.com/devtools/aspnet-ajax/controls/textbox/overview)