Skip to content

onpress emit in error area when view use transform #235

@smallnewer

Description

@smallnewer

Is this a bug report?

yes

Have you read the Contributing Guidelines?

yes

Environment

Environment:
OS: macOS High Sierra 10.13.6
Node: 8.3.0
Yarn: 1.12.3
npm: 5.3.0
Watchman: 4.9.0
Xcode: Xcode 10.1 Build version 10B61
Android Studio: Not Found

Packages: (wanted => installed)
react: 16.2.0 => 16.2.0
react-native: Not Found

Target Platform: macos

Steps to Reproduce

  1. init a project use react-native-macos init xxx
  2. run js code below (click red area and move it to left 10px)
  3. click lower half of red area,not work.

ScreenFlow

Expected Behavior

emit click in [100,300] of y.

Actual Behavior

emit click in [0, 200] of y.

code

class Demo extends React.Component {
    constructor(props){
        super(props);

        this.state = {
            left: 100,
        };
    }
    render() {
        return (
            <TouchableOpacity 
                onPress={()=> this.setState({left: this.state.left+10})}
                style={{position:"absolute", right:this.state.left,width:200,height:200,transform:[{translateY:100}],backgroundColor:"red"}}>
            </TouchableOpacity>
        );
    }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions