Overflow hidden is broken on android 0.36

Description

Overflow hidden worked on android before as expected and after upgrade to 0.36 it’s broken now. Overflow is visible, but it’s not consistent sometimes on update overflow will work and on initial render will be broken. Also I have noticed if you put backgroundColor: 'transparent' it will work fine

Not sure what is changed, because I can’t find anything in changelogs that will cause this to broke.

Reproduction

It’s showing like this

but it should be like this

class OverflowTest extends Component {
  render() {
    return (
      <View style={{ overflow: 'hidden', width: 100, height: 100 }}>
        <Image
          source={{ uri: 'https://placeholdit.imgix.net/~text?txtsize=33&txt=200×200&w=200&h=200' }}
          style={{ position: 'absolute', width: 200, height: 200 }}
        />
      </View>
    );
  }
}

https://github.com/gorangajic/react-native-overflow-bug

Additional Information

• React Native version: 0.36.1
• Platform: Only Android
• Operating System: MacOS

[Thomas101]

I’m seeing exactly the same, but thanks for finding the backgroundColor: "transparent" fix. That works a treat in the short term!

[st0ffern]

@gorangajic I think they know, the FB team are working on a fix that they will opensource soon.