[TIMOB-26561] iOS: ScrollView and nested elements do not fire onClick when nested inside a TableViewRow
| GitHub Issue | n/a |
|---|---|
| Type | Bug |
| Priority | n/a |
| Status | Open |
| Resolution | Unresolved |
| Affected Version/s | n/a |
| Fix Version/s | n/a |
| Components | n/a |
| Labels | n/a |
| Reporter | Adam Armstrong |
| Assignee | Eric Merriman |
| Created | 2018-11-14T21:59:41.000+0000 |
| Updated | 2019-04-01T11:01:35.000+0000 |
Description
The issue is *only on iOS* and 7.4.0GA & 7.4.1GA. I couldn't test on any older Ti version.
Android works fine for both scenarios.
===========
===on iOS===
===========
Use Case #1: Using Labels inside a SCROLLVIEW inside a TableViewRow
--------------------------
* Click Label: no event at all gets fired (not Label, not ScrollView and not TableViewRow)
* Click ScrollView: no event at all gets fired (ScrollView or TableViewRow)
* Click TableViewRow OUTSIDE the ScrollView: The TableViewRow event DOES gets fired (as expected)
Use Case #2: Using Labels inside a VIEW inside a TableViewRow
--------------------------
* Click Label: All 3 events get fired as expected (Label, View and TableViewRow)
<Alloy>
<Window class="container">
<TableView>
<TableViewSection>
<TableViewRow height="94" onClick="tableviewrowScrollViewClicked">
<View height="94" width="99%" left="0" layout="vertical">
<ScrollView layout="horizontal" backgroundColor="#f7f7f7" width="Ti.UI.FILL" height="44" top="50" bubbleParent="true" onClick="scrollViewClicked">
<Label backgroundColor="#d4d4d4" color="blue" width="120" height="30" top="7" text="SV Test 1" onClick="scrollViewLabelClicked" />
</ScrollView>
</View>
</TableViewRow>
</TableViewSection>
<TableViewSection>
<TableViewRow height="94" onClick="tableviewrowViewClicked">
<View height="94" width="99%" left="0" layout="vertical">
<View layout="horizontal" backgroundColor="#f7f7f7" width="100%" height="44" top="50" bubbleParent="true" onClick="viewClicked">
<Label backgroundColor="#d4d4d4" color="blue" width="120" height="30" top="7" text="View test 1" onClick="viewLabelClicked" />
</View>
</View>
</TableViewRow>
</TableViewSection>
</TableView>
</Window>
</Alloy>
//section 1 - scrollview clicks
function tableviewrowScrollViewClicked(){
console.log("TableViewRow - ScrollView - Clicked");
}
function scrollViewClicked(){
console.log("ScrollView - Clicked");
}
function scrollViewLabelClicked(){
console.log("ScrollView - Label - Clicked");
}
//section 2 - view clicks
function tableviewrowViewClicked(){
console.log("TableViewRow - View - Clicked");
}
function viewClicked(){
console.log("View - Clicked");
}
function viewLabelClicked(){
console.log("View - Label - Clicked");
}
Hello, I have tested the issue in iOS with SDK 7.4.0GA and 7.4.1.GA. This is a valid issue in iOS. Forwarding to engineering.