www.chatiw.com - see bug description

[webcompat-bot]

URL: https://www.chatiw.com/chatting.php#home
Browser / Version: Firefox Mobile 54.0
Operating System: Android 6.0.1
Problem type: Something else - I'll add details below

Steps to Reproduce

1. Navigate to: https://www.chatiw.com/chatting.php#home
2. …Javascript does not work well with chatiw's interactive user interface

Expected Behavior:
Press on tab , tab opened
Actual Behavior:
Press on tab , tab did not opened

screenshot

I am pressing the picture button at the most below of the screenshot . But the option to upload image does not appear.

From webcompat.com with ❤️

[karlcow]

function onclick(event) {
  $('input#upload_image').click();
}

for

<a href="javascript:void(0)" onclick="$('input#upload_image').click();" class="fright" style="padding: 0px 20px;font-size: 20px;"><i class="fa fa-picture-o"></i></a>

It is working on desktop responsive mode. But indeed not working on device. The site probably needs to handle on touch events

[softvision-sergiulogigan]

The issue is still reproducible.
Tested on Huawei P10 (Android 7.0) and Nightly 60.

[softvision-oana-arbuzov]

The issue is still reproducible, both for "Send image" and "Smiles" buttons.

Affected area:

<td id="smiles">
	<a href="javascript:void(0)" id="smiles_btn" style="font-size: 24px;color:#9c9c9c;" title="" data-original-title="">
		<i class="fa fa-smile-o"></i>
	</a>
</td>

<td id="send_img" onclick="if(iOS()){ $('#upload_file_os').trigger('reset'); $('#send_image_dialog').show(); return false; } $('input#upload_image').click();">
	<i class="fa fa-file-image-o"></i>
</td>

Console:

Ignoring ‘preventDefault()’ call on event of type ‘touchstart’ from a listener registered as ‘passive’. FastClick.js:20:210 

Workaround: Tapping fast on "Send image" button the "File Upload" selection overlay is displayed.

Tested with:
Browser / Version: Firefox Nightly 62.0a1 (2018-05-22)
Operating System: Samsung Galaxy S7 Edge (Android 7.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)

[karlcow]

The UI has changed a bit.

<a href="javascript:void(0)" id="smiles_btn" style="font-size: 24px;color:#9c9c9c;" title="" data-original-title=""><i class="fa fa-smile-o"></i></a>

and

<td id="send_img" onclick="if(iOS()){ $('#upload_file_os').trigger('reset'); $('#send_image_dialog').show(); return false; } $('input#upload_image').click();">
<i class="fa fa-file-image-o"></i>
</td>

They use FastClick.
https://miketaylr.com/posts/2017/10/fast-click-more-like-thing-of-the-past-click.html

and they need to remove it.

[adamopenweb]

Reaching out by site contact form:
https://www.chatiw.com/contact.php

[cipriansv]

I retested the issue and it is still reproducible on my side.

Tested with:
Browser / Version: Firefox Nightly 68.0a1 (2019-06-18), Firefox Fenix (Preview) 1.0.1925
Operating System: Huawei P10 (Android 8.0) - 1080 x 1920 pixels (~432 ppi pixel density)

[softvision-raul-bucata]

I was able to reproduce the issue:

Tested with:
Browser / Version: Firefox Nightly (2015809611-🦎90.0a1-20210510093555🦎)/ Chrome Mobile Version 90.0.4430.91
Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density)

Notes:

1. Reproducible regardless of the status of ETP
2. Reproducible on the latest build of Firefox Nightly
3. Works as expected using Chrome