CultureHQ / add-to-calendar

A small package for adding an event to a calendar.
https://engineering.culturehq.com/add-to-calendar/
MIT License
44 stars 26 forks source link

When I Click "Add to My Calendar" Button, Nothing Happens? #730

Open VikR1000 opened 2 years ago

VikR1000 commented 2 years ago

The "Add to My Calendar" button appears, but when I click on it, nothing happens.

Looking at html via "inspect", I see:

<div class="chq-atc"><button type="button" class="chq-atc--button"><svg width="20px" height="20px" viewBox="0 0 1024 1024"><path d="M704 192v-64h-32v64h-320v-64h-32v64h-192v704h768v-704h-192z M864 864h-704v-480h704v480z M864 352h-704v-128h160v64h32v-64h320v64h32v-64h160v128z"></path></svg> Add to My Calendar</button></div>

...in other words, I see no "onClick" function, no dropdown menu, etc.

What am I missing?

nazhimkalam commented 2 years ago

Same issue encountered, seems like this library has some issues with other 3rd libraries like material-ui dropdowns when used in the same page to render

nazhimkalam commented 2 years ago

I figured out an alternate solution to this, I created an overlay component and added the "Add to My Calendar" Component and the issue was resolved, this is because there are some conflicts with the material UI components or any other if u using it in the same page or place

nazhimkalam commented 2 years ago

The "Add to My Calendar" button appears, but when I click on it, nothing happens.

Looking at html via "inspect", I see:

<div class="chq-atc"><button type="button" class="chq-atc--button"><svg width="20px" height="20px" viewBox="0 0 1024 1024"><path d="M704 192v-64h-32v64h-320v-64h-32v64h-192v704h768v-704h-192z M864 864h-704v-480h704v480z M864 352h-704v-128h160v64h32v-64h320v64h32v-64h160v128z"></path></svg> Add to My Calendar</button></div>

...in other words, I see no "onClick" function, no dropdown menu, etc.

What am I missing?

checkout if my solution worked for your case

Avasam commented 2 years ago

Maybe related? #601