Impact

At least three users experienced a visual inconsistency within the platform, the presence of an overlapping component was observed across different sections of the groups. This caused a visual issue in the affected sections. The issue started on UTC-5 11-12-24 16:48 and was proactively discovered 16 hours (TTD) later by a staff member who reported through our internal messaging app. The problem was resolved in 1 hour (TTF), resulting in a total impact of 17 hours (TTR).

Cause

The issue was caused by a refactor of the section header component. During the refactor, the component was updated to receive a string (the name of the group) instead of a specific component as a property. As a result, the group selector component was moved to ensure the correct rendering of the selection modal. However, the mistake was that the group selector not only contained the modal but also the selector that opened it, which led to the visual overlap[1].

Solution

To resolve the issue, the group selector component was modified by removing the selector and leaving only the modal that allows the user to select the group[2].

Conclusion

The issue affected the Platform’s interface, which made it difficult to detect with automated tests. Additionally, the problem was not observed in the ephemeral environment. INCOMPLETE_PERSPECTIVE < MISSING_TEST