bug(@capacitor/dialog): Plugin UI uses old UI style and should match device style

[JPilson]

Capacitor Dialog Plugin UI

Plugin

• Capacitor Dialog

Description

When creating an alert dialog using the Capacitor Dialog Plugin on Android devices, the dialog appears with an old-style design instead of the new material design, even on devices running Android 12. This results in a user experience inconsistency and does not align with the expected system design.

Platform(s)

• Android

Preferred Solution

The preferred solution is for the Capacitor Dialog Plugin to utilize the default system dialog design on Android devices, especially on newer versions like Android 12, ensuring consistency with the system UI and providing a modern user experience.

Alternatives

One alternative solution could be to provide an option within the plugin configuration to explicitly choose between using the default system dialog design or a custom dialog design.

Additional Context

• Tested on real devices running Android 12 and on the Android Emulator.
• The issue seems to stem from the plugin not utilizing the default system dialog design.
• The current behavior resembles older Android versions such as KitKat, rather than the modern material design.

[ionitron-bot]

This issue has been labeled as type: bug. This label is added to issues that that have been reproduced and are being tracked in our internal issue tracker.

[eric-horodyski]

Hi @JPilson, thanks for reaching out!

We're currently evaluating the scope of work required to adopt Material 3 in Capacitor Android. For instance, updating dialogs to align with Material 3 involves changing the Android project's theme and adopting a new API for constructing dialogs. These types of changes are significant and interrelated, so implementing them piecemeal could risk conflicts with other components of a Capacitor Android application.

As we finalize work on Capacitor 7, Material 3 will be a key consideration for Capacitor 8.