Picker css class conflicts with Google Drive Picker

[poscar]

The css class 'picker' used by pickadate.js conflicts with the picker class used by the Google Drive Picker (https://developers.google.com/picker).

This class should be customizable when configuring the plugin, randomly generated, or more unique (e.g. a prefix) so that it doesn't conflict with other plugins.

[marcucio]

+1 maybe we change .picker to be .pad-picker or .pickadatepicker?

[JeanCarriere]

+1

[youssmak]

+2

[JeanCarriere]

Do you think we could get an update on this ?

[felipemarin]

this worked for me

.picker-dialog-content { position: relative; }

[erata]

@felipemarin thanks. it worked me too.

[brendon]

That works but I think it should be fixed in the next release perhaps? @amsul, would you like me to prepare a PR? I guess it's quite a major change, so perhaps we need to release a new major release?

[DanielRuf]

In most cases people can adjust the styles and use scoped styles.

Not sure if we should change this as I did not see more issues and comments related to this.

[amsul]

I would agree with @DanielRuf. This can easily be solved with scoped styles - plus it'd be a major breaking change for anyone using the project with custom styles.

Maybe it would be better to add an option that appends a custom prefix to the class names (although the CSS names would somehow need to get prefixed accordingly as well)

[brendon]

@DanielRuf, are you referring to adjusting Pickadate's styles? Could you elaborate on this a bit?

The issue did cause me a fair bit of confusion with regards to the google file picker as suddenly it just showed up as a little dot on the screen and it wasn't obvious that Pickadate's style overlap was the cause. Only a random (lucky) google search came up with someone that had a similar problem and had asked about an unrelated error message emitted by google picker.