• Resolved iokagr

    (@iokagr)


    Hey,
    a new “bug” sneaked it.

    On the calendar overview (/events/), the section “View as” looks broken:
    https://imgur.com/a/miGd7NR

    A temporary fix is to add the following CSS rule to hide the select node:

    select.tribe-bar-views-select.tribe-no-param {
    display: none;
    }

    Best regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hey @iokagr,

    Thanks for pointing that out!

    I think that this is a conflict between the version of Select2 and certain plugins.

    Are you using WooCommerce on this site?

    Take care,
    Ed 🙂

    Thread Starter iokagr

    (@iokagr)

    Hey Ed,
    no, I dont use WooComerce.
    There may be a conflict with another Plugin. However, I think the problem occurs because there are 2 selection boxes.
    I inspected the generated HTML code and I saw the following (altered and in greek):

    <div id="tribe-bar-views" class="">
        <div class="tribe-bar-views-inner tribe-clearfix">
            <h3 class="tribe-events-visuallyhidden">Εκδήλωση Views Navigation</h3>
            <label>Προβολή ως</label>
    	
    <!-- First Box -->
    
            <select class="tribe-bar-views-select tribe-no-param" name="tribe-bar-view" aria-label="View Εκδηλώσεις As">
    		<option tribe-inactive="" value="https://xeniteas-duesseldorf.de/events/list/" data-view="list">
    								Λίστα							</option>
    													<option selected="" value="https://xeniteas-duesseldorf.de/events/month/" data-view="month">
    								Μήνας							</option>
    													<option tribe-inactive="" value="https://xeniteas-duesseldorf.de/events/today/" data-view="day">
    								Ημέρα							</option>
    	
    </select>
    
    <!-- Here is the second box -->
            <ul class="tribe-bar-views-list">
                <li class="tribe-bar-views-option tribe-bar-views-option-month tribe-bar-active" data-tribe-bar-order="1" data-view="month"> <a href="#">   <span class="tribe-icon-month">
    								Μήνας							</span></a></li>
                <li class="tribe-bar-views-option tribe-bar-views-option-list" data-tribe-bar-order="0" data-view="list"> <a href="#">   <span class="tribe-icon-list">
    								Λίστα							</span></a></li>
                <li class="tribe-bar-views-option tribe-bar-views-option-day" data-tribe-bar-order="2" data-view="day"> <a href="#">   <span class="tribe-icon-day">
    								Ημέρα							</span></a></li>
            </ul>
        </div>
    </div>

    The select tag contains the first menu which has the the old-fashioned style.
    The ul tag contains the list that is supposed to be used with the tribe style.
    And what I did it simple: to hide the select tag….

    Hope this helps you 🙂
    Best regards

    Thanks for the follow-up!

    Does this behavior continue if you activate another theme like Twenty Seventeen? Does anything appear in your console log when that select box is showing incorrectly?

    Hey there,

    Since this thread has been inactive for a while, I’m going to go ahead and mark it as resolved. Don’t hesitate to create a new thread any time you help again!

    Ed 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘View as looks broken after update’ is closed to new replies.