Transição de elemento compartilhado com a Atividade de Diálogo

Eu montei um aplicativo muito simples que usa transições de elementos compartilhados ao iniciar uma atividade com o tema Dialog (código fonte no github)

Eu obtive o seguinte resultado:

Como você pode ver, existem 2 problemas com a transição / animação:

A animação é visível apenas na área da atividade da caixa de diálogo, por isso é cortada e feia.Não há transição / animação quando toco fora da atividade para voltar.

Como posso corrigir esses problemas? Qualquer ajuda seria apreciada.

EDITAR: Após a resposta do Quanturium, fiz o seguinte para fazê-lo funcionar:

Use o seguinte tema em vez de um tema de Diálogo:

<style name="AppTheme.Transparent" parent="AppTheme">
    <item name="android:windowIsTranslucent">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:backgroundDimEnabled">true</item>
</style>

Use um CardView como plano de fundo para a aparência da caixa de diálogo e para cantos arredondados e sombras.

Chame finishAfterTransition (); quando o usuário toca fora do CardView.

Agora, fica assim (código), o CardView precisa ser refinado para corresponder melhor ao Dialog, mas está funcionando pelo menos .:

questionAnswers(1)

yourAnswerToTheQuestion