onPress cannot work outside the ViewOverflow area.

[xiaweiss]

<View style={{height: 200, backgroundColor: 'white'}}>
  <ViewOverflow style={{width: 200, height: 100, backgroundColor: 'pink'}}>
    <View style={{width: 100, height: 100, position: 'absolute', left: 100, bottom: -50, backgroundColor: 'yellow'}}>
      <TouchableHighlight onPress={() => { console.log(1) }}>
        <View style={{backgroundColor: 'skyblue', height: '100%'}} />
      </TouchableHighlight>
    </View>
  </ViewOverflow>
</View>

[felippepuhle]

zIndex?

[gabrielbull]

zIndex does not work

[alejandropinson]

@gabrielbull Did you managed to solve this?

[gabrielbull]

@alejandropinson No, onPress does not work in overflowed area with this library.

[alejandropinson]

@gabrielbull Did you find another workaround with another library, Im creating a dropdown and I need the overflow functionality :/, Thanks anyways! :)

[gabrielbull]

@alejandropinson You can start looking for a solution here: https://stackoverflow.com/questions/27010172/clipped-button-doesnt-receive-touch-input and fix this library with a PR ;-)

[alejandropinson]

Found this https://stackoverflow.com/questions/27727981/android-passing-touch-events-of-a-child-view-drawn-outside-of-view-clip-bounds, I tried to implement the first answer but the app crashes, I'm also quite ignorant in android native development. If anyone could give it a try...

@Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_MOVE:
                return ((ViewGroup) getParent()).dispatchTouchEvent(event);
            case MotionEvent.ACTION_UP:
                int childCount = ((ViewGroup) getParent()).getChildCount();
                int x = (int) event.getX();
                int y = (int) event.getY();
                for (int i = 0; i < childCount; i++) {
                    final View child = ((ViewGroup) getParent()).getChildAt(i);
                    if (childContains(child, x)) {
                        new Handler(Looper.getMainLooper()).postDelayed(new Runnable() {
                            @Override
                            public void run() {
                                child.callOnClick();
                            }
                        }, 100);
                        return true;
                    }
                }
                break;
        }

        return ((ViewGroup) getParent()).dispatchTouchEvent(event);
    }

    int[] loc = new int[2];
    private boolean childContains(View child, final int x) {
        child.getLocationOnScreen(loc);
        int x1_child = loc[0];
        int x2_child = x1_child + child.getWidth();
        int x0 = x;
        boolean isInside = x0 >= x1_child && x0 < x2_child;

        return isInside;
    }

[jpbretanha]

Any news about that issue?

[xiaweiss]

@jpbretanha You can add press listener on father components, then calculate the area of click events, so you will know which child would be clicked

[yeomann]

any example? @xiaweiss a lot of people are struggling, I tried some java code with onTouchEvent(MotionEvent event) but was unsuccessful

ref: #32

[Saksham96]

We can use images or icons for view overflow whenever possible as this seems to work fine for me.

[IAmMarcellus]

@Saksham96 Could you give an example of what you mean? I'm a little bit confused as to how you used an icon for view overflow.

[Xifeat]

I've the same trouble, didn't find any answer