Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Kebab won't show dropdown list #938

Closed
mandapie opened this issue May 1, 2018 · 2 comments
Closed

Kebab won't show dropdown list #938

mandapie opened this issue May 1, 2018 · 2 comments
Assignees
Labels
Milestone

Comments

@mandapie
Copy link

mandapie commented May 1, 2018

Hello,
The kebab menu icon shows up on my jsf page, but it won't show the items when I click on it.
My bootsfaces version 1.2.0. I have tried on different browsers (Chrome, Firefox, IE 11).
This is how i implement it:

<b:form>
  <p:dataScroller value="#{backingBean.List}" var="list" chunkSize="10">
    <b:row>
      <b:column tiny-screen="2">
        <h:outputLabel value="Name"/>
       </b:column>
      <b:column tiny-screen="4">
        <h:outputText value="#{list.name}"/>
      </b:column>
      <b:kebab >
        <b:listLinks>
          <b:navCommandLink value="Some Value" action="#{backingBean.someAction}"/>
          <b:navCommandLink value="Another Value" action="#{backingBean.anotherAction}}"/>
        </b:listLinks>
      </b:kebab>
    </b:row>
  </p:dataScroller>
</b:form>

I have also tried with <h:form> tag, and copy paste the example code from the documentation on a clean page. The command links work. I am just not sure why the kebab won't show the links.

@mandapie mandapie changed the title Kebab won't show dropdown items Kebab won't show dropdown list May 1, 2018
@stephanrauh
Copy link
Collaborator

stephanrauh commented Jun 1, 2018

I've found and fixed the error. As a temporary workaround, adding a hidden <b:dropDown> repairs the kebab menu, too.

The PrimeFaces datascroller makes the kebab menu appear at the beginning of the row. At the moment, I don't see any simple way to solve that without JavaScript. A partial solution is this CSS rule:

 <style>
  .ui-datascroller .dropdown-kebab ul {
  	left: 200px;
  }
</style>

@stephanrauh
Copy link
Collaborator

I've uploaded a developer snapshot containing the bugfix to Maven Central. #369 describes how to get it.

@stephanrauh stephanrauh self-assigned this Jun 1, 2018
@stephanrauh stephanrauh added the bug label Jun 1, 2018
@stephanrauh stephanrauh added this to the v1.5.0 milestone Jun 1, 2018
@stephanrauh stephanrauh modified the milestones: v1.5.0, v1.3.0 Oct 13, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants