Latest Contributions by LefterisKoumis

I have two dropdowns. One is to call basemap and another to call a custom widget <calcite-dropdown label="Dropdown label"> <calcite-button slot="dropdown-trigger">Tools</calcite-button> <calcite-dropdown-group selection-mode="single"> <calcite-dropdown-item label="thebasemaps" id='thebasemaps'>Basemaps</calcite-dropdown-item> <calcite-dropdown-item label="X" id='X'>X widget</calcite-dropdown-item> </calcite-dropdown-group>  So I have the addeventlistener: document.querySelector("calcite-dropdown-item").addEventListener("click", handleWidgetsClick);   So, when I click on the Basemaps, it displays the basemaps gallery with no issues. When I click on the X widget, no reaction. The handlewidgets is not triggered.  Why the addlistener is not triggered for the X widget? ... View more

I developed a site using Calcite Design System but a lot if its elements are failing the test for accessibility. It seems that the accessibility checker can't recognize any of the aria keywords that  used in calcite tags. For example, I get an error: "Text not included in an ARIA landmark" and it refers to the line : <calcite-block open heading="Postmile Tools" style="height:1110px"> It was recommended by the checker to use the aria-label. I did so but it does not recognize it. <calcite-block open heading="Postmile Tools" aria-label="Postmile tools" style="height:1110px"> Ideas? " ... View more

This is for version 2.23 of WAB. I noticed that if the template is closed and you open and close the Attribute Table, then you cannot click on any existing feature to edit its attributes. The reason is because of the conditions shown in the mapclickhandler script. In the widget.js under the _mapClickHandler function, if the template is not open it defaults to remove the mapClick.  So, I commented out the lines 18&19 to prevent that. Is any reason not to comment them out? As far I can see in my app it is working with no issues.     _mapClickHandler: function (create) { if (create === true && this._attrInspIsCurrentlyDisplayed === false) { this.map.setInfoWindowOnClick(false); if (this._mapClick === undefined || this._mapClick === null) { this._mapClick = on(this.map, "click", lang.hitch(this, this._onMapClick)); } //this._activateTemplateToolbar(); } else if (create === true && this._attrInspIsCurrentlyDisplayed === true) { if (this._mapClick) { this._mapClick.remove(); this._mapClick = null; } this.map.setInfoWindowOnClick(true); //this._validateAttributes(); } else { if (this._mapClick) { // this._mapClick.remove(); // this._mapClick = null; } this.map.setInfoWindowOnClick(true); if (this.drawToolbar) { //this._lastDrawnShape = lang.clone(this.drawToolbar._points); this.drawToolbar.deactivate(); } } },       ... View more

I have a combobox  under a calcite-tab that has a long list of entries.  The issue is that I cannot see the last few entries. I tried with no results the heightScale="l" and  css height.     <calcite-shell-panel slot="contextual-panel" position="end" detached> <calcite-block open heading="Testing"> <calcite-tabs> <calcite-tab-nav slot="tab-nav" id="thetabs"> <calcite-tab-title id="tab1" class="tab1" tab="Tab1">Tab1 </calcite-tab-title> <calcite-tab-title id="tab2" class="tab2" tab="Tab2" active>Tab2 </calcite-tab-title> </calcite-tab-nav> <calcite-tab tab="Tab2"> </calcite-tab> <calcite-tab tab="Tab1" style="height: 900px;"> <calcite-combobox value="county" label="county" placeholder="County" id="beg_county" style="padding-bottom: 10px; padding-left:30px; width: 100px;" selection-mode="single"> </calcite-combobox> </calcite-tab> </calcite-tabs> </calcite-block> </calcite-shell-panel>           ... View more