Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Dropdown] Change direction of Dropdown menu

See original GitHub issue

I’m using Semantic-UI and Angular for developing a web app. Following to Semantic-UI documentation about dropdown, I created the following button:

<div class="ui dropdown button">
  <div class="text">Menu</div>
  <i class="dropdown icon"></i>
  <div class="menu">
    <a class="item" (click)="onClickSuItem(m)" *ngFor="let m of menu"> <i class="icon {{m.icon}}"></i>{{m.name}}</a>
  </div>
</div>

I would like to change the direction of the menu, and set it on the left, instead of right. Do you know how can I reach that? Could be a good idea to have a direction/orientation option?

Here is a Plunker.

Issue Analytics

State:
Created 7 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

nebrelbugcommented, Jan 25, 2018

Are there any updates on this issue? I’d love this feature too.

0reactions

smartm0usecommented, Mar 17, 2017

@Banandrew As I said before that solution wasn’t I looking for. It should be like Floating appearance, it shows menu oriented to left, but I need one button instead of two.

<div class="ui teal buttons">
    <div class="ui button">Save</div>
    <div class="ui floating dropdown icon button">
        <i class="dropdown icon"></i>
        <div class="menu">
            <div class="item"><i class="edit icon"></i> Edit Post</div>
            <div class="item"><i class="delete icon"></i> Remove Post</div>
            <div class="item"><i class="hide icon"></i> Hide Post</div>
        </div>
    </div>
</div>

dropdown