tossnet/blazor-color-picker

Opens a palette with the Material colors for Blazor application

blazor-color-picker's Issues

.Net 5 with versions 1.1.1 has crash with SetFocus

Hello,

I updated to .net 5 on my project and version 1.1.1 of the color picker and when I try to initialize a blazor page I get a set focus error on blazor during initiliazation OnAfterRender first render. I think you probably have a JS script somehwere that defines a SetFocus method, and that's conflicting with the blazor js library.

Downgrading to 1.0.9 fixes the problem if anyone else experiences this. I can try to replicate if desired but basically just set up a project with version 1.1.1 through nuget

Opening modal causes Edit Form to invoke submit function

`EditForm Model="_class" OnSubmit="Submit">
div class="mb-3">
button class="btn btn-primary" @OnClick="OpenModal">
div style="background-color:@color" class="buttonColor"> Select a Color
/button>
ColorPicker Title="@_localizer["Color_pick"]" IsOpened="isOpened" Closed="ClosedEvent" MyColor="@color">/ColorPicker>
/div>
div class="mb-3">
button class="btn btn-primary" type="submit">Save
/div>
/EditForm>

        bool isOpened = false;
void OpenModal()
{        
    isOpened = true;
}

void ClosedEvent(string value)
{
    color = value;
    isOpened = false;
}`

if i click open modal the submit function is being invoked from edit form :)

CSS Class Show

In the CSS the class .show

.show {
display: block;
}

I suggest this only need be affect just the control, when we use a boostrap like dropdowns in a table, this class override the behavior

https://getbootstrap.com/docs/4.0/components/dropdowns/

A different Approach

I recently answered a question on this component.

I have used the standard picker in the past, so decided to rework yours as an InputBase derived input control.

You can see my code here: https://github.com/ShaunCurtis/Blazr.ColorPicker

Weird display glitch when hovering over colours

when i hover the bottom row goes to the top row, otherwise works great. Only other library i have is the blazor material design library, i don't have bootstrap etc loaded.

Copyright infringement?

Hi,

this video shows your code without any copyrights and selling the code.
https://www.youtube.com/watch?v=_slHW2hqZAc

Did you allowed this?

Kind regards

Uncaught SyntaxError: Unexpected token 'export'

In Azure I've seen several exceptions Uncaught SyntaxError: Unexpected token 'export' coming from:

lineNumber 1
errorSrc window.onerror@https://foo.com/_content/BlazorColorPicker/colorpicker.js:1:1
url https://foo.com/_content/BlazorColorPicker/colorpicker.js
columnNumber 1
message: Uncaught SyntaxError: Unexpected token 'export'
typeName SyntaxError

when I browse to https://foo.com/_content/BlazorColorPicker/colorpicker.js I see:

export function SetFocusTo2 (element) {
    if (element instanceof HTMLElement) {
        element.focus();
    }
}

I guess the export keyword of the function is giving this issue.

.net 7
blazor server
BlazorColorPicker (2.3.0)

License

Hello,

Is it possible to add a license on this project?
Currently this project falls under no-license, which means:

If you find software that doesn’t have a license, that generally means you have no permission from the creators of the software to use, modify, or share the software. Although a code host such as GitHub may allow you to view and fork the code, this does not imply that you are permitted to use, modify, or share the software for any purpose.

Thx

How did you get this to work in MVC? Visual Studio 2019

How did you get this to work in MVC?
I tried your code, but it gives me errors on '@OnClick' and on '@code'.

---

@using BlazorColorPicker

<button class="btn btn-primary" @OnClick="OpenModal">

Select a Color

@code {
bool isOpened = false;
string color = "#F1F7E9";

void OpenModal()
{
    isOpened = true;
}

void ClosedEvent(string value)
{
    color = value;
    isOpened = false;
}

}