unable to resize the dialog using the new functions provided in teams version v2.23

Question

The CDN being used :

<script     src="https://res.cdn.office.net/teams-js/2.23.0/js/MicrosoftTeams.min.js"     integrity="sha384-08XJvrutoSVYTA8PQeUgetTKn8B7JE73C5BdAfWnHZ5WnSFFQO6g1FGmSqxsrAzb"     crossorigin="anonymous"   ></script>

const taskInfo = {         title: "Title",         height: "large",         width: "large",         url: URL,         fallbackUrl: null     } microsoftTeams.dialog.url.open(taskInfo, submitHandler);

we are sending the above task info to url.open(), we are seeing dialog size as small even if we pass expected params of DialogSize

we tried checking the config from the below function getDialogInfoFromBotUrlDialogInfo(), looks like DialogSize params are being overridden to small every time

microsoftTeams.dialog.url.getDialogInfoFromBotUrlDialogInfo(taskInfo)

// result for above function : { completionBotId: null         fallbackUrl: null         height : "small"         title: "Title"         url: URL         width : "small"     }  

 

microsoftTeams.dialog.update.isSupported() //result : true newSize = {         height: "large", width: "large"     } microsoftTeams?.dialog?.update.resize(newSize)

we tried updating the dialog size using the above function , still its defaulting to small.

Any help will be appreciated

Answer 1

The dialog.url.open API should be called as follows:

const urlDialogInfo = {

There is a nested size object in the urlDialogInfo. The full interface for this parameter is documented here:

https://learn.microsoft.com/en-us/javascript/api/@microsoft/teams-js/urldialoginfo?view=msteams-client-js-latest#@microsoft-teams-js-urldialoginfo-size