Elementor page builder shortcode issue

Question

I'm facing a weird problem when using the Elementor Wordpress Page Builder.

After creating a custom shortcode and inserting it into any page position, it also shows up at the top of the page, but only in Edit mode.

Top of the page:

Place where I want to insert shortcode:

Answer 1

This is my working example:

  function name_it( ){
        ob_start();

        function_name();

        $content = ob_get_clean();
        return $content;
   return function_name();
}
add_shortcode( 'shortcode_name', 'name_it' );

Just look at function_name(); and return function_name(); lines to avoid errors.

Answer 2

This answer on an unrelated site helped me solve this Elementor issue. https://wp-types.com/forums/topic/shortcode-output-showing-up-in-the-wrong-place/

I just had to include ob_start(); and $content = ob_get_clean(); return $content; in my function. Here is what it looks like:

function custom_author_link_function() {
        ob_start();

        coauthors_posts_links();

        $content = ob_get_clean();
        return $content;
}
add_shortcode('custom_author_link', 'custom_author_link_function');