After investing 48 hours into resolving this particular issue, I am reaching out to the knowledgeable StackoverFlowers community for assistance. My current project involves developing an application for large 27-inch multi-touch screens using C# 4.5. Within this application, I require a WebBrowser element that allows users to pan the page on the Y-axis and interact with items through clicks only.
Despite my efforts to disable text selection and item dragging using JavaScript, as well as navigation through C#, I have been unable to prevent the page from being scalable.
My attempts to address this issue included installing IE11 and enabling it through a registry key (FEATURE_BROWSER_EMULATION).
Within my HTML file, I have included the following:
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
Additionally, my CSS file contains the following styles:
*
{
-ms-user-select: none;
-ms-content-zooming: none;
touch-action: pan-y;
}
Despite these measures, I am still facing an issue where pinching with two fingers results in unwanted zooming functionality. I am seeking a solution to disable this feature using JavaScript, jQuery, IE11, .NET, or any available Windows tools.
P.S. I am currently utilizing Windows 8, and unfortunately, the "disable multi-touch gestures" option found in the Mouse settings of the control panel is not available, unlike in Windows 7.