Manifest.xml ModalDialog UI behaves Modeless at times

Hi,

I have specified the UI of an extension to be Modal dialog as shown below:

<Extension Id="Search">

      <DispatchInfo>

        <Resources>

          <MainPath>./html/xyz.html</MainPath>

          <ScriptPath>./js/main.jsx</ScriptPath>

          <CEFCommandLine/>

        </Resources>

        <Lifecycle>

          <AutoVisible>true</AutoVisible>

        </Lifecycle>

        <UI>

          <Type>ModalDialog</Type>

          <Menu>Search</Menu>

          <Geometry>

            <Size>

              <Height>225</Height>

              <Width>675</Width>

            </Size>

            <MaxSize>

              <Height>280</Height>

              <Width>675</Width>

            </MaxSize>

            <MinSize>

              <Height>225</Height>

              <Width>675</Width>

            </MinSize>

          </Geometry>

          <Icons/>

        </UI>

      </DispatchInfo>

    </Extension>

But this dialog sometimes behaves Modeless. Please suggest me how to solve this issue.

Note:

I open another extension from this dialog on button click. Will this affect the behavior of calling dialog (Search).

$('#Show').click(function (event) {

        csInterface.requestOpenExtension(extensionName);

        var tout = setTimeout(function () {

            dispatchOpenDialogEvent(eventName, extensionName);

            clearTimeout(tout);

        }, 1000);

    });