search

Alberplz / angular2-color-picker

Angular 2 Color Picker Directive, no dependences required.
MIT License
185 stars 82 forks source link

Wrong positioning with flex #63

Open jaumard opened 7 years ago

jaumard commented 7 years ago

Top and left positioning seems wrong when use under flex

capture d ecran 2016-11-19 a 11 49 32

Here is how I use : 

<div class="color-picker-handle" cpAlphaChannel="disabled" cpOKButtonClass="material-link"
     [cpOKButton]="true" [cpCancelButton]="true" cpCancelButtonClass="material-link"
     [colorPicker]="_color" (colorPickerChange)="_color=$event" [style.background]="_color"></div>

Did I miss something ?

lukadelux commented 7 years ago

+1

andrew-potachits commented 7 years ago

I also have wrong dialog position when showing color picked from bootstrap modal.

<div class="color-picker" [(colorPicker)]="color" [style.background]="color" [cpAlphaChannel]="'disabled'" [cpCancelButton]="true" [cpPositionRelativeToArrow]="false" [cpPosition]="'top'" ></div>

image