[BUG] openDetailWindow on GeoMap in a Custom Card

[CristianBabei]

Hi, I'm facing the next bug:

I have a custom Map Card( Map is inside a Map container ), and I would like to implement the Spot Click Event.

<vbm:Spot position="{Pos}" .... click="onClickSpot"/>
onClickSpot: function(evt) {
	evt.getSource().openDetailWindow("Test","0","0");
}

The problem is that, the event is called, but, the window, never appear, and no error on console..

I have the same code implemented on a normal app, and it works fine, same event, same code, with the only difference that this is in a fragment on a custom card. Also, the :

<vbm:GeoMap id="GeoMap" openWindow="onOpenDetail" ...

Is also called, but as said before, nothing appears, tried on fullScreen and also no luck..

Anyone faced this issue?

Thx in advance

[CristianBabei · Accepted solution]

Solved!

As said, the map launched the events, and after looking a bit deeper, saw that the HTML components were created, but the problem was with the :

class="vbi-detail vbi-detail-border"

The "vbi-detail-border", has the next CSS param:

.vbi-detail.vbi-detail-border {
    visibility: hidden!important;    
    width: 0;    
    height: 0;    
    padding: 0;    
    margin: 0;    
    border: 0;    
    overflow: hidden;
}

Dunno why..but, anyway, if you change this on your css, it works fine:

Manifest file :

	"sap.ui5": {
                .......                 
		"resources": {
			"css": [{"uri": "css/style.css"}]
		},

CSS file:

.vbi-detail.vbi-detail-border {
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    padding: 0.9375rem !important;
    border: 0.0625rem #a6b5d1 solid !important;
    overflow: visible !important;
}

Regards.