[Bug]: MarkerView clipping issue on Android

[unendingblue]

Mapbox Implementation

Mapbox

Mapbox Version

11.9.0

React Native Version

0.76.5

Platform

Android

@rnmapbox/maps version

10.1.33

Standalone component to reproduce

import React from 'react';
import { View } from 'react-native';
import { MapView, MarkerView } from '@rnmapbox/maps';

const MarkerTestMap = () => {
  return (
    <MapView>
      <MarkerView coordinate={[0, -60]}>
        <View style={{ width: 100, aspectRatio: 1, backgroundColor: 'red' }}>
          <View style={{ position: 'absolute', top: -50, width: 100, height: 25, backgroundColor: 'green' }} />
        </View>
      </MarkerView>
    </MapView>
  );
};

Observed behavior and steps to reproduce

Children that are placed outside of a MarkerView's bounds (via absolute positioning) are clipped on Android. This issue is not present on iOS.

iOS	Android

Expected behavior

Absolute positioned views should be drawn even past the MarkerView's bounds.

Notes / preliminary analysis

I'm not familiar with native development, but I believe the root of the issue is here:

maps/android/src/main/java/com/rnmapbox/rnmbx/components/annotation/RNMBXMarkerViewContent.kt

Lines 13 to 27 in 7fbc756

	if (inAdd) {
	val w = if (widthMeasureSpec == 0) {
	MeasureSpec.makeMeasureSpec(measuredWidth, MeasureSpec.EXACTLY)
	} else {
	widthMeasureSpec
	};
	val h = if (heightMeasureSpec == 0) {
	MeasureSpec.makeMeasureSpec(measuredHeight, MeasureSpec.EXACTLY)
	} else {
	heightMeasureSpec
	}
	super.onMeasure(w, h)
	} else {
	super.onMeasure(widthMeasureSpec, heightMeasureSpec)
	}

MeasureSpec.EXACTLY prevents children past the bounds be drawn, and unfortunately using MeasureSpec.UNSPECIFIED results in the following error: A catalyst view must have an explicit width and height given to it.

Additional links and references

#3235