HTML select in TooltipDialog unable to select using mobile browser

516
4
01-16-2019 11:54 PM
HappymanChiu
New Contributor

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>

Tags (2)
0 Kudos
4 Replies
RobertScheitlin__GISP
MVP Emeritus

Can you provide a full simple sample of this issue?

0 Kudos
HappymanChiu
New Contributor

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.

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

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

0 Kudos
HappymanChiu
New Contributor

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.

0 Kudos