Custom preview_post_link not working for draft post

I encountered the same issue and after some research, I came across the following solution.

For context, there is a bug on gutenberg and there is no platform specific way to change the preview link yet.

Add the following code to your functions.php:

// Workaround script until there's an official solution for https://github.com/WordPress/gutenberg/issues/13998
function fix_preview_link_on_draft() {
    echo '<script type="text/javascript">
        jQuery(document).ready(function () {
            const checkPreviewInterval = setInterval(checkPreview, 1000);
            function checkPreview() {
                const editorPreviewButton = jQuery(".editor-post-preview");
                const editorPostSaveDraft = jQuery(".editor-post-save-draft");
                if (editorPostSaveDraft.length && editorPreviewButton.length && editorPreviewButton.attr("href") !== "' . get_preview_post_link() . '" ) {
                    editorPreviewButton.attr("href", "' . get_preview_post_link() . '");
                    editorPreviewButton.off();
                    editorPreviewButton.click(false);
                    editorPreviewButton.on("click", function() {
                        editorPostSaveDraft.click();
                        setTimeout(function() { 
                            const win = window.open("' . get_preview_post_link() . '", "_blank");
                            if (win) {
                                win.focus();
                            }
                        }, 1000);
                    });
                }
            }
        });
    </script>';
}

add_action('admin_footer', 'fix_preview_link_on_draft');

Link to solution: https://github.com/WordPress/gutenberg/issues/13998#issuecomment-568698680

All credit to the contributor – Tvanro

Related Posts:

  1. Where is the best place to use add_filter
  2. Edit plugin without hooks in functions.php
  3. Using add_filter inside another class
  4. How to list the Hooks and order of execution in current loading page? [duplicate]
  5. Pass A Value From Outside To A Plugin Variable
  6. Failed to invoke other hook from the init hook
  7. How can I filter blog name?
  8. Add Fields with Sub-Fields to WP Job Manager
  9. Determine plugin name from within plugin_action_links filter
  10. merging an array to an existing array using add_filter
  11. Creating a plugin to sanitize comment and the url field before display only
  12. How to find the origin of a file upload from within wp_handle_upload?
  13. White page by using filter template_include
  14. How to check current user before all actions and filters?
  15. Create a navbar filter that filters by a custom field
  16. Passing an array from shortcode-function to filter-function
  17. Get Time Taken By Each Action Hook in WordPress
  18. qTranslate remove default directory from link
  19. How to change the name of the “edit my profile” link in the WordPress admin backend
  20. Proper way to replace the_content only for pages created by custom plugin
  21. add_filter doesn’t work
  22. Redirect to another page using contact form 7? [closed]
  23. Check if variable is set in filter
  24. Check filter defined or not?
  25. Add a function call after content automatically?
  26. what is the point of telling add_filter how many parameters you want passed to the function?
  27. How to add filter for wordpress plugin?
  28. How to use add_action for multiple instances of the same class
  29. How to append new form elements in “Add New” form of Users in WordPress admin panel?
  30. Want to create custom design of progress indicator in wpforms
  31. Add hook after content without formatting
  32. Using OR Condition with facetwp facets
  33. 500 Internal server error wp_handle_upload_prefilter
  34. Nested Actions and Filters
  35. Remove action added in plugin class from theme
  36. Using multi-dimensional array with filter
  37. Can I add content before post content without using the_content filter
  38. WordPress Add advertising ads befor and after content with periority [closed]
  39. trying to create simple plugin to filter categories from all authors
  40. shortcode which is introduced into entry the blog, and appears in side bar
  41. How do i get all author posts on custom post type list
  42. Unable to pass arguments from plugin form to filter hook using ajax, the data is transferring via ajax but unable to pass as arguments in filter hooks
  43. Redesigning Custom Post Type “Add New” page
  44. Is there any record of installed plugins in the database?
  45. Using require_once in a Plugin?
  46. How to call “page specific menu items” in template [closed]
  47. Custom headers for the WordPress plugin directory
  48. plugin wants to update to wrong plugin
  49. How can I add a custom header to a custom template in a plugin without using the theme folders
  50. Trying to avoid including wp-load.php
  51. AJAX Call Via Vanilla JavaScript In WordPress Plugin Development
  52. Custom values are not translated
  53. Make the plugin directory recognize new version numbers
  54. Change the name of an installed plugin
  55. Remove action from a plugin class, forced to use global instance
  56. Where do I add a new table’s name in wpdb?
  57. Only execute jQuery function(on document ready) on the page has shortcode from plugin [duplicate]
  58. unzip a folder on specific location and delete the zip file
  59. Changing labels of status filters for post grid
  60. Where to call add_shortcode function in WordPress Plugin Boilerplate?
  61. Plugin version is not showing up in wordpress.org plugin directory
  62. Own plugin corrups plugin-activation
  63. wordpress plugin is not activating from widget
  64. finding whether request is for post, and post id
  65. Modifying the comments section through a plugin regardless of theme
  66. How to fetch products with the price in a page on woocommerce using a form or live search with php
  67. Owl Carousel2 image not displaying full width when using Stretch row and content, Stretch row and content(no padding) in wordpress
  68. Best way to initiate a class in a WP plugin?
  69. Force language in translate function
  70. How to create a child/addon plugin
  71. How to secure the release of WordPress plugins / avoid copying plugins?
  72. How do I combine a theme with a plugin
  73. Use wp-config.php constants in all files of plugin
  74. how to force tag page layout to use same as search layout?
  75. Delay JavaScript files from loading
  76. a href adds default URL with the given echo URL
  77. Gutenberg Block Style CSS Class Is Not Applying on Backend
  78. remove_action not removing add_action from constructor
  79. How to add a WordPress Nonce for this form to avoid CSRF
  80. Overriding current theme files via plugin
  81. How to create a plugin that includes all the other plugins?
  82. WordPress custom plugin that uses woocommerce enabled payment gateway for payment [closed]
  83. How to get Recent Post From Each Category with Thumbnail?
  84. How use wp_insert_post and add og:custom tags?
  85. Adding an item to an anonymous array inside a filter?
  86. How to change “Read More” text?
  87. Using id to show item
  88. How to use wp_editor and save its data in wp_posts table
  89. My WordPress activation hook isn’t working
  90. Shortcode and WP query using category attributes
  91. Securing a plugin pop-up window
  92. Is admin section completely customizable in terms of styling?
  93. WordPress ajax error 400 bad request for sending data to remote site [duplicate]
  94. Better way to run heavy scripts using WordPress database
  95. how to check plugin name unique or not?
  96. WordPress ajax not working in registration
  97. Jquery post responses 500 error after some time and lastly an 503 error
  98. How often should I execute add_filter and function declaration in Code Snippets?
  99. Running a function using Crown WordPress on one day a week, for example, Mondays of every week
  100. How to make a Template page to show the information of different things Shop and Product page?