Android - Schedule call - Previous date becomes invisible after selecting a different date

[mitarachim]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Version Number: 9.3.27-2
Reproducible in staging?: Yes
Reproducible in production?: Yes
If this was caught during regression testing, add the test name, ID and link from BrowserStack: https://test-management.browserstack.com/projects/2219752/test-runs/TR-7047/41236546/1218707996?q=schedule+call&issue_type=jira
Email or phone of affected tester (no customers): sjdsoijsoidjsndoinjsdoi@gmail.com
Issue reported by: Applause Internal Team
Bug source: Exploratory - Significant User Experience Deterioration
Device used: Samsung Galaxy S25 FE / Android 16
App Component: Other

Action Performed:

1. Launch Expensify app.
2. Log in with a new Gmail account.
3. Create a workspace.
4. Go to #admins.
5. Tap Schedule call.
6. Select any date, then select another date.

Expected Result:

The previous date will remain visible.

Actual Result:

The previous date becomes invisible after selecting a different date.

Workaround:

Unknown

Platforms:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari

Screenshots/Videos

Bug7091403_1772378212617.Screen_Recording_20260301_231059_Expensify.mp4

View all open jobs on GitHub

[nyomanjyotisa]

Proposal

Please re-state the problem that we are trying to solve in this issue.

Android - Schedule call - Previous date becomes invisible after selecting a different date

What is the root cause of that problem?

AvailableBookingDay applies background colors (buttonSuccess and buttonDefaultBG) directly on the View that has overflow: 'hidden' + borderRadius from calendarDayContainer style. On Android, when a view with overflow: 'hidden' transitions between non-transparent background colors, the GPU layer for that view is not properly invalidated for child content, causing child Text to stop rendering visibly.

App/src/pages/ScheduleCall/AvailableBookingDay.tsx

Lines 12 to 22 in c359799

	return (
	<View
	style={[
	themeStyles.calendarDayContainer,
	!disabled ? [themeStyles.buttonDefaultBG, StyleUtils.getButtonBackgroundColorStyle(getButtonState(hovered, pressed))] : {},
	selected ? themeStyles.buttonSuccess : {},
	]}
	>
	<Text>{children}</Text>
	</View>
	);

What changes do you think we should make in order to solve the problem?

Separate the background from the content by placing the background styles in a sibling absoluteFill View instead of directly on the calendarDayContainer view.

    return (
        <View style={themeStyles.calendarDayContainer}>
            {!disabled && (
                <View
                    style={[
                        StyleSheet.absoluteFill,
                        themeStyles.buttonDefaultBG,
                        StyleUtils.getButtonBackgroundColorStyle(getButtonState(hovered, pressed)),
                        selected ? themeStyles.buttonSuccess : {},
                    ]}
                />
            )}
            <Text>{children}</Text>
        </View>
    );

App/src/pages/ScheduleCall/AvailableBookingDay.tsx

Lines 12 to 22 in c359799

	return (
	<View
	style={[
	themeStyles.calendarDayContainer,
	!disabled ? [themeStyles.buttonDefaultBG, StyleUtils.getButtonBackgroundColorStyle(getButtonState(hovered, pressed))] : {},
	selected ? themeStyles.buttonSuccess : {},
	]}
	>
	<Text>{children}</Text>
	</View>
	);

Note: We should fix the RenderHTML issue in ScheduleCallPage as well

                                <View style={[styles.renderHTML, styles.mb5]}>
                                    <RenderHTML
                                        html={translate('scheduledCall.book.slots', {
                                            date: DateUtils.formatInTimeZoneWithFallback(scheduleCallDraft.date, userTimezone, CONST.DATE.MONTH_DAY_YEAR_FORMAT),
                                        })}
                                    />
                                </View>

App/src/pages/ScheduleCall/ScheduleCallPage.tsx

Lines 203 to 209 in c359799

	<Text style={[styles.mb5]}>
	<RenderHTML
	html={translate('scheduledCall.book.slots', {
	date: DateUtils.formatInTimeZoneWithFallback(scheduleCallDraft.date, userTimezone, CONST.DATE.MONTH_DAY_YEAR_FORMAT),
	})}
	/>
	</Text>

What alternative solutions did you explore? (Optional)

None

[melvin-bot]

Whoops! This issue is 2 days overdue. Let's get this updated quick!

[melvin-bot]

Still overdue 6 days?! Let's take care of this!

[melvin-bot]

Still overdue 6 days?! Let's take care of this!

[melvin-bot]

8 days overdue is a lot. Should this be a Weekly issue? If so, feel free to change it!

[melvin-bot]

8 days overdue is a lot. Should this be a Weekly issue? If so, feel free to change it!

[melvin-bot]

10 days overdue. Is anyone even seeing these? Hello?

[melvin-bot]

This issue has not been updated in over 14 days. eroding to Weekly issue.