forked from shadowfacts/shadowfacts.net
Fix video
This commit is contained in:
parent
e5f97c3a5e
commit
2edff0141e
|
@ -122,7 +122,9 @@ return UITargetedPreview(view: snapshotContainer, parameters: parameters, target
|
|||
|
||||
And with that, only the link text is visible in the preview animation and it expands nicely into the full preview:
|
||||
|
||||
<div>
|
||||
<%- video(metadata, "masked", {style: "width: 50%; margin: 0 auto; display: block;", title: "Screen recording of a link being previewed and dismissed with the link text animating back to its starting position upon dismissal."}) %>
|
||||
</div>
|
||||
|
||||
But, there's still one small detail as keen-eyed readers may have noticed. In Safari, when dismissing the full preview, it animates back into the preview view and springs back to the original position. With our implementation, however, it doesn't. The preview view controller does animate back into the preview view, however, instead of returning to the original position, it disappears off into the middle of the screen. This is because there's still one `UIContextMenuInteractionDelegate` method we need to implement: `contextMenuInteraction(_:previewForDismissingMenuWithConfiguration:)`. Similar to the `previewForHighlighting` method, this method takes the interaction and the context menu configuration, creating a `UITargetedPreview` that should be used during the dismissal animation. Since we want the preview to go back to the same location while dismissing as it came from while expanding, we can cache the targeted preview we've already constructed for the highlight method and return it from the dismissal method.
|
||||
|
||||
|
@ -145,4 +147,4 @@ Now, when dismissing the preview, it animates back into the link text where it o
|
|||
|
||||
<div>
|
||||
<%- video(metadata, "dismiss", {style: "width: 50%; margin: 0 auto; display: block;", title: "Screen recording of a link being previewed and dismissed with the link text animating back to its starting position upon dismissal."}) %>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue