Reset Password page missing fields on form

A screen capture of the issue. https://snag.gy/E7YdGp.jpg

@jfarthing84 I can confirm this data-reveal attribute on the input field in resetpass-form.php is conflicting with Foundation Sites Reveal modal, which I’m using in my theme.

https://foundation.zurb.com/sites/docs/reveal.html

I deactivated TML and see that the stock WP form for password reset is nearly identical HTML (includes the data-reveal attr). It looks like this field is handled by stock WP js to handle strong password detection. It doesn’t conflict on the stock WP forms because they are stripped down pages that don’t include theme css/js.

My theme initiates foundation with $(document).foundation() which searches for all “foundation” elements, which in this case includes elements that have data-reveal. I thin i will have to make the theme initiate foundation explicitly on the elements that use it, something like $('.uses-foundation').foundation()

• This reply was modified 7 years, 2 months ago by jamiechong.
• This reply was modified 7 years, 2 months ago by jamiechong.

@jessicasimpkins is your theme based on Foundation?

I do have exact same problem, my custom theme is based on foundation zurb

I have the exact same problem. Theme is WP-Forge 6.3.1.2 (built on Foundation for Sites (6.3.1)) on WP 4.8.2. Any thoughts?

• This reply was modified 7 years, 1 month ago by hhenry.

Hi,

I just solved this problem by initialising foundation after document ready like this;

$(document).ready(function() {
        $(document).foundation();
});

Edit: It made the field visible but i still couldn′t post the form.
Removing data-reveal=”1″ from the input field solved this but i don′t know what problems it may cause?

• This reply was modified 7 years, 1 month ago by mkhenrik.
• This reply was modified 7 years, 1 month ago by mkhenrik.

The newer version wasn’t sending the form due to foundation theme conflict. The solution not that clean but fair enough was to prevent foundation on resetpass page

  var path = $(location).attr('pathname');

  if(path !== '/resetpass/') {
    // Foundation init
    // Reset password from theme-my-login
    // broke with foundation theme
    $(document).foundation();
  }

Hey everyone,

I’m also now suffering this exact issue, but the above solutions aren’t working for me.

@davidarbour Is there somewhere specific that code needs to go? Including it into the standard theme js, or at the bottom of the footer file isn’t working.

Cheers,

For me, foundation is initialized in the main scripts file of the custom theme included in functions.php

As in the top of this file right after the ready function :

jQuery(document).ready(function($) {

  var path = $(location).attr('pathname');

  if(path !== '/resetpass/') {
    // Foundation init
    // Reset password from my-theme-login
    // broke with foundation theme
    $(document).foundation();
  }

 ...

});

Thanks @davidarbour, I appreciate you getting back so quickly.

Still no joy this end. I’ve taken over this project so fighting my through a bizarre theme development with no history. There may be more to this issue in my case.

Thanks again.