MB jQuery Validation - Scroll To Highlight Error - WYSIWYG Issue

Hi peter,
When you say....

For the WYSIWYG field, the input field textarea will display if you switch to tab Text and you can see the browser scrolling to the field as well.

Q) Are you suggesting I switch to using a 'textarea' or 'text' custom field type instead of the 'wysiwyg'? Because this allows for the scrolling to the field on error?

Although I appreciate switching field type will fix the scrolling issue you are effectively asking me to reduce the functionality I wish to provide to my users? I need the WYSIWYG to allow my users to format their posts?

Have I understood you correctly?

Hi Peter,
thanks for clarifying. So I can see that when activating the text tab via the WYSIWYG options[] setting 'quicktags' => true that indeed the field is scrolled to when empty.

The problem is that I DO NOT want my users to use the "text" tab as arbitrary HTML can be added here?

A Hack (for anyone else using WYSIWYG Custom Field with NO TEXT TAB ONLY)
==========================================================================

It is possible to trick scroll to validate field on the WYSIWYG.... it's a hack! But tested and works.

In your SAAS add the following:

.rwmb-input{
    .wp-editor-container{
      iframe{
        // Set to your preferred height
        min-height:200px;
      }
      textarea{
        &.rwmb-wysiwyg-required{
          display: block !important;
          height: 0px !important;
          padding:0;
          border:none;
      }
    }
  }

What this does is force the <textarea> (the bit the validation needs to scroll up to) to be displayed but be visually hidden.

Hi Peter,
no probs... hacky... but works. Yeah, be nice to see this added as a feature to the validation methods.

Cheers 🙂