ac-html element is shown when show set to false

[nadavpld]

Intended outcome:
Show a sample div in a specific location over the map

Actual outcome:
When show set to true, div is shown correctly

<div id="map">
    <ac-map [sceneMode]="sceneMode" id="main-map">
       <ac-html [props]="{position: getMetaDataPosition(), show: true}">;
            <div style="color:white; font-size: 50px;">TEST</div>
        </ac-html>
    </ac-map>
</div>

https://imgur.com/a/O1seE

When show set to false, div is shown on the bottom left side of the page. Seems like the css display property doesnt change.

<div id="map">
    <ac-map [sceneMode]="sceneMode" id="main-map">
       <ac-html [props]="{position: getMetaDataPosition(), show: false}">;
            <div style="color:white; font-size: 50px;">TEST</div>
        </ac-html>
    </ac-map>
</div>

https://imgur.com/a/GDNNq

Sorry for the partial screen shots.. couldnt post the original...

Version

• [email protected]

[popoleeMaster]

I still have this in the latest 0.6 maybe slightly different

<ac-layer #menuLayer acFor="let menu of menu$" [context]="this">
  <ac-html-desc props="{
    position: menu.position,
    fillColor : labelParam.fillColor,
    show: false,
    horizontalOrigin : labelParam.horizontalOrigin,
    verticalOrigin : labelParam.verticalOrigin,
    scale: 0.1,
    pixelOffset : labelParam.pixelOffset,
  }">
    <ng-template let-html>
      My Div show is : {{ html.show }}
        <!-- <ndc-dynamic [ndcDynamicComponent]="type" [ndcDynamicInputs]="inputs"></ndc-dynamic> -->
    </ng-template>
  </ac-html-desc>
</ac-layer>

Result => Div is shown.

https://prnt.sc/pem22r