Repository navigation
Load the booking the way Cal.com does, and add /meeting/ - #28
Merged
Merged
Conversation
- The contact page uses Cal.com's own skeleton (cal.embed.pageType), which takes the booking's space at once, and shows the frame at linkReady, so the times slide in with Cal.com's animation again. The frame stays out of the layout until then: Cal.com sizes its skeleton for a 300px frame, so a frame that grew first made the box jump. A spinner, higher up, shows only until the skeleton is there. - /meeting/ shows Cal.com's own booking page in a frame across the viewport, without header and footer, as full.dev/meeting/. Base takes a bare prop for it. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
✅ Deploy Preview for silveltman ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Cal.com keeps its frame hidden after linkFailed, so a later linkReady no longer hides the link and leaves an empty space. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Sil missed Cal.com's animation now that the booking appeared in one step, wanted the loading space filled better or the spinner higher, and asked for a full-page booking at
/meeting/as on full.dev.Contact page
cal.embed.pageType: user.event.booking.slotsmakes embed.js draw Cal.com's own skeleton of the booking at once, in the space it takes.linkReady, so the times slide in with Cal.com's animation again.scrolling="no"keeps that animation free of scrollbars.linkReadythe frame stays out of the layout, under the skeleton. Cal.com sizes its skeleton for a 300px frame below it, so a frame that grew first pushed the box from 572 to 724px for about 100ms./meeting/
meetingpage type: Cal.com's own booking page (cal.com/silveltman/meeting?layout=month_view) in a frame across the viewport, without header and footer, as full.dev/meeting/.base.astrotakes abareprop for it, and keeps the head (SEO, favicons, PostHog). Cal.com sends no frame restrictions.Tested on the local build in Chromium with scrollbars shown:
🤖 Generated with Claude Code