Description

The arrow buttons in the Map's navigator and the zoom buttons render without type="button" attribute.

Steps To Reproduce

Inspect the navigator and zoom buttons in this demo: https://demos.telerik.com/blazor-ui/map/overview

Actual Behavior

The buttons render without the type attribute.

Expected Behavior

The buttons render with type="button" attribute.

Browser

All

Last working version of Telerik UI for Blazor (if regression)

No response

If I set a global font icon type, the Map icons are broken, because they are missing the k-font-icon CSS class. A possible workaround is to apply the missing styles to the rendered k-icon class:

In the meantime, one can use SVG icons or the following CSS rule as a workaround:

    .k-map .k-icon {
        width: 1em;
        height: 1em;
        outline: 0;
        font-size: 16px;
        font-family: "WebComponentsIcons";
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        text-decoration: none;
        flex-shrink: 0;
        display: inline-flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        position: relative;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }

The event would fire when the map zoom level has changed.

===

ADMIN EDIT: The new zoom level should be accessible in the event handler.