Top Left Text cha

Web & App Development

I've tried posting this on the Joomla forum multiple times, but keep getting a 403 error because of some over-zealous filter...

I'm having an issue with the tags field. It's not displaying the input field... only the <select> field. So I'm stuck with nothing but a big empty select box (no <option>s inside the select field). Here's things I've checked to troubleshoot...

It IS set to Ajax in the 'data entry' tab of the tags options (and I did not alter any of the tag options from the default settings).
I've changed templates from my custom template to Protostar.
Disabled all 3rd party plugins.
Unpublished all modules.

Joomla version: 3.4.1

I just finished building a similar site with no issues there... save version (3.4.1).

At the bottom of this post is a comparison between the element which holds the tags input field. Where is the <div> on the new site with issues???


Source of site with issues:
<div class="controls"><select id="jform_tags" name="jform[tags][]" class="inputbox" size="45" multiple="">

Source of previous site with no issues:

<div class="controls"><select id="jform_tags" name="jform[tags][]" class="inputbox chzn-done" size="45" multiple="" style="display: none;">
<option value="2">chapter 13</option>
<option value="3">bankruptcy process</option>
<option value="4">chapter 7</option>
<option value="5">pre-bankruptcy</option>
<option value="6">bankruptcy</option>
<option value="7">meeting creditors</option>
<option value="8">attorney</option>
<option value="9">filing bankruptcy</option>
<option value="10">paying attorney</option>
</select><div class="chzn-container chzn-container-multi chzn-with-drop chzn-container-active" style="width: 137px;" title="" id="jform_tags_chzn"><ul class="chzn-choices"><li class="search-field"><input type="text" value="Select some options" class="default" autocomplete="off" style="width: 127px;"></li></ul><div class="chzn-drop"><ul class="chzn-results"><li class="active-result highlighted" style="" data-option-array-index="0">chapter 13</li><li class="active-result" style="" data-option-array-index="1">bankruptcy process</li><li class="active-result" style="" data-option-array-index="2">chapter 7</li><li class="active-result" style="" data-option-array-index="3">pre-bankruptcy</li><li class="active-result" style="" data-option-array-index="4">bankruptcy</li><li class="active-result" style="" data-option-array-index="5">meeting creditors</li><li class="active-result" style="" data-option-array-index="6">attorney</li><li class="active-result" style="" data-option-array-index="7">filing bankruptcy</li><li class="active-result" style="" data-option-array-index="8">paying attorney</li></ul></div></div>


I have the solution to your problem with the tags not displaying in the front end create form. It seems that you have Mootools disabled on the form that is not working. Not sure exactly why it needs it, as I haven't checked the Joomla code, but I had the same problem and once Mootools was enabled and the page refreshed the additional code was present upon the site and the form works correctly.

Fix provided by Macrotone Consulting


+2 #1 leo lammerink 2015-07-03 16:38
As posted on the Joomla forums:

The Joomla content item does not has an "Tag-input" field.... You only can select pre-defined tags.... Simple answer huh? ( I know it sucks and we are reviewing the "tags" component.....we have much better 3rd party extensions available for this!)

Leo Lammerink
Member Joomla Bug Squad
0 #2 Timothy Johns 2015-07-03 17:10
Actually, I just found my issue. I removed the following jQuery I had in place from the pages when the user is logged in...

var jQ = jQuery.noConflict(true);
// global vars

// set initial div height / width

var winHeight = jQ(window).height()-110;

'height': winHeight

jQ(window).resize(function() {
var winHeight = jQ(window).height()-110;

'height': winHeight

var jQ = jQuery.noConflict(true);
var y = jQ(window).scrollTop();
jQ("html, body").animate({ scrollTop: y + jQ(window).height() }, 900);
jQ(window).scroll(function() {
var scroll = jQ(window).scrollTop();

if (scroll >= 500) {
} else {

Add comment

Security code

Leave your comments

Post comment as a guest

Your comments are subjected to administrator's moderation.