search

TheCoder4eu / BootsFaces-OSP

BootsFaces - Open Source Project
Apache License 2.0
247 stars 102 forks source link

b:selectOne render incorrect #1107

Closed ibrajim19 closed 4 years ago

ibrajim19 commented 4 years ago

I´m using b:selectOne inside a b:panel in b:modal, but it renders incorrect

image

I´m my code it's something like this

<b:modal>
    <b:panel>
          <b:selectOneMenu style="width: 100% !important">
               <f:selectItem  />
                <f:selectItem  />
          </b:selectOneMenu >
    </b:panel>
<b:modal>

I don't apply any css to this component and why is it rendered in that form with that big white box?

stephanrauh commented 4 years ago

On my machine, it looks a bit different:

Firefox:

image

Chrome:

image

Maybe you've forgotten to add the CSS file of the theme? https://showcase.bootsfaces.net/miscellaneous/Configuration.jsf#themes

I've added a demo to the BootsFaces showcase. I recomment you clone https://github.com/TheCoder4eu/BootsFacesWeb.git, import it as a Maven project, start the application server, and navigate to http://localhost:8080/BootsFacesWeb/issues/issue1107.jsf#. Probably you need to edit the pom.xml - it uses the current development version of BootsFaces, which isn't available on Maven Central yet.

Does the demo still show the error? If not, you can compare the showcase project to your projekt to find the error.

stephanrauh commented 4 years ago

Oh, and please tell us if you've solved the error. Especially if you've managed to solve it. Otherwise we'll never know when to close the ticket!

¡Gracias!, Stephan

ibrajim19 commented 4 years ago

Hi I think this could be a bug because I run in another machine and works correctly then I open the same page in my pc in edge, firefox, IE(I was using Chrome) and render properly, I clean all cookies, cache and data from Chrome but the b:selectOne render incorrectly

image

stephanrauh commented 4 years ago

I can't reproduce the bug. Chances are it has been caused by third-party CSS code.