If you are having issues with selectboxes on front or back-end it is usually an issue with bootstrap.
In the main wpDataTables settings you can find the options to include full bootstrap front and back-end which are automatically turned on. Try turning off the option Include full bootstrap front-end and let me know if the issue is resolved.
we turned off the option as you suggested, but still the selects won't work in the backend.
In the meantime we found out that it might be related to the theme Stockholm. As soon as we deactivate the theme the selects and drop-downs work as expected.
We also reached out to the theme developers for help.
we got the following answer from the theme developers. Could you give the attached css a try?
"The issue seems to be with the styling of the plugin itself. When it comes to 3rd party plugins, you have to understand that we didn't and couldn't test all plugins out there with our themes. Of course, some compatibility issues might occur once in a while and there's nothing we can do about that. The official plugins we provided bundled inside our theme are the ones that are tested several times before the theme was launched and we guarantee their functionality.
However, the following CSS code might be able to fix this you should try contacting the support team for the plugin to see with them how you can add this code to their backend styling."
Unfortunately the issues like conflicts with third party plugins or themes are always possible due to the nature of WP, and it might take significant time to investigate and replicate the issue on our side, to be able to find the source of the problem, especially when the plugin or theme is not familiar to us.
Do let us know when you hear back from them and if there is anything we can do to assist.
None of the select fields work, like "ID-Spalte zum Bearbeiten" or "Editor-Rollen". Nothing happens when we cklick on the select field.
This div will not render in frontend when the select is clicked:
<div class="dropdown-menu open" role="combobox" style="max-height: 485.1px; overflow: hidden; min-height: 137px;"><ul class="dropdown-menu inner" role="listbox" aria-expanded="false" style="max-height: 465.1px; overflow-y: auto; min-height: 117px;"><li data-original-index="0" class="selected"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true"><span class="text">Administrator</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li><li data-original-index="1" class="selected"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true"><span class="text">Editor</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li><li data-original-index="2"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"><span class="text">Author</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li><li data-original-index="3"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"><span class="text">Contributor</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li><li data-original-index="4"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"><span class="text">Subscriber</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li></ul></div>
PlugIn is activated and is last version. No visible JS-Errors
Hi Netzbewegung
Thank you for reaching out to us.
If you are having issues with selectboxes on front or back-end it is usually an issue with bootstrap.
In the main wpDataTables settings you can find the options to include full bootstrap front and back-end which are automatically turned on. Try turning off the option Include full bootstrap front-end and let me know if the issue is resolved.
Hi Blazenka,
we turned off the option as you suggested, but still the selects won't work in the backend.
In the meantime we found out that it might be related to the theme Stockholm. As soon as we deactivate the theme the selects and drop-downs work as expected.
We also reached out to the theme developers for help.
Hio Blazenka,
we got the following answer from the theme developers. Could you give the attached css a try?
"The issue seems to be with the styling of the plugin itself. When it comes to 3rd party plugins, you have to understand that we didn't and couldn't test all plugins out there with our themes. Of course, some compatibility issues might occur once in a while and there's nothing we can do about that. The official plugins we provided bundled inside our theme are the ones that are tested several times before the theme was launched and we guarantee their functionality. However, the following CSS code might be able to fix this you should try contacting the support team for the plugin to see with them how you can add this code to their backend styling."
.wpdt-c .card .card-header { display: flex; flex-wrap: wrap; } .wpdt-c .card .card-header .actions { position: relative; }Hi there
Unfortunately the issues like conflicts with third party plugins or themes are always possible due to the nature of WP, and it might take significant time to investigate and replicate the issue on our side, to be able to find the source of the problem, especially when the plugin or theme is not familiar to us.
Do let us know when you hear back from them and if there is anything we can do to assist.