[Closed] Select2 dropdown at the bottom of the page opens at wrong position

[Author]

Posts

[KonstantinS88]

I have a relationship form that creates a connection between two posts:

[cred-relationship-form-container]

<div class="hidden">
  [cred-form-feedback field='feedback' name='feedback']
  [cred-relationship-role role='parent' author='$current']
</div>

<div class="row">

  <div class="col-md-10 col-sm-10 col-xs-10" style="position: relative;">   
    [cred-relationship-role role='child']
  </div>

  <div class="col-md-2 col-sm-2 col-xs-2">   
    <button type="submit" name="form_submit" class="iconbutton"><span class="dashicons dashicons-plus-alt" title="Hinzufügen"></span></button>
  </div>

</div>

[/cred-relationship-form-container]

As you can see I hide the parent select box which is disabled anyways. Unfortunately the select2 opens at weird places if i click on the select box while it is close to the bottom of the screen. I tried to add style="position: relative;" to the parent div but this does not help.

How can I get rid of that select 2 or how can I fix that broken positioning. I already treied a different theme but this did not help.

[Shane]

Hi Konstantin,

Thank you for getting in touch.

This might be a css conflict with another plugin given that the problem remained after switching to a different theme. Can you temporarily disable all the non-toolset plugins and check again to see if the issue still remains?

If it does can you provide me with a link to the page with the form so that I can have a further look for you.

Thanks,
Shane