topic Re: HTML select in TooltipDialog unable to select using mobile browser in ArcGIS JavaScript Maps SDK Questions

HTML select in TooltipDialog unable to select using mobile browser

HappymanChiu — Thu, 17 Jan 2019 07:54:28 GMT

Dear sir:

using JS API 3.27, when browse a HTML select in tooltipdialog by mobile browser (nor chrome / firefox dev tools mobile view), it's no way to select the option. But desktop is okay.

the "touchend" event trapped by the upper dom element with css class "dijitPopup dijitTooltipDialogPopup".

is there any way to remove the handler or make the html select work as desktop version?

the example code as follow:

<div data-dojo-type="dijit/form/DropDownButton" >
<span style="font-size:small; font-weight:bold; color:black">Equipment</span>
<div data-dojo-type="dijit/DropDownMenu" style="font-size:small; font-weight:bold; color:black">
<div data-dojo-type="dijit/MenuItem" id="tabG60G61" onClick="showG60G61Pane()">
<span>Query</span>
</div>
<div data-dojo-type="dijit/PopupMenuItem" id="tabFE" >
<span>My Query</span>
<div data-dojo-type="dijit/TooltipDialog" >
<table style="width:100%">
<tr style="font-size:small; font-weight:bold; color:black">
<td>Type</td>
<td>
<select style="font-size:small; font-weight:bold" id="FEType" onchange="FETypeChange()">
<option value=""></option>
<option value="Outdoor(FTTB)">Outdoor(FTTB)</option>
<option value="Box(FTTH)">Box(FTTH)</option>
</select>
</td>
</tr>
<tr style="font-size:small; font-weight:bold; color:black">
<td>Data Center</td>
<td><select style="font-size:small; font-weight:bold" id="FECentoff" onchange="FECentoffChange()"></select></td>
</tr>
</table>
</div>
</div>

Re: HTML select in TooltipDialog unable to select using mobile browser

RobertScheitlin__GISP — Thu, 17 Jan 2019 14:00:07 GMT

Can you provide a full simple sample of this issue?

Re: HTML select in TooltipDialog unable to select using mobile browser

HappymanChiu — Fri, 18 Jan 2019 01:13:15 GMT

I have the full site. but the gis data is a bit sensitive, can I email the link personally? my mail is happyman.eric@gmail.com.

Re: HTML select in TooltipDialog unable to select using mobile browser

RobertScheitlin__GISP — Fri, 18 Jan 2019 14:08:37 GMT

I only help online. If you strip out the data urls then you should be able to post here.

Re: HTML select in TooltipDialog unable to select using mobile browser

HappymanChiu — Sat, 19 Jan 2019 01:31:43 GMT

Thanks sir, site here: Happyman's WebGIS JS ,use F12 mobile mode, click on top menu "Query".

The FloatingPane is okay to select, but the DialogTooltip fails to select options.