Problems with versions compatibility

Post Reply
alexanderdm
Posts: 19
Joined: 02 Mar 2014, 12:26

09 Jun 2022, 08:06

Dear PrimeFace engineers!

Two years ago I have bought a Sapphire template and I am using it with PrimeFaces 7 and JSF 2.3. Bit as Melloware suggested in his comment to my question here

https://stackoverflow.com/questions/721 ... -the-value

it seems that I am " using a newer PF version than the Sapphire template was designed for and somehow the CSS isn't correct for the labels when there is a value. Feels like a bug in the CSS of the Sapphire template? "

Although I found a work-around for the problem above (and it was to remove the css class md-inputfield_marg_top from the input fields), the problem appeared now on another place in my application, even without the css class md-inputfield_marg_top), see the labels Vorname and Nachname below:

Image

In addition, there are other places, which also seem to have a Sapphire bug , for example, in the screenshot below

Image

the input field next to the label "Heizkosten (netto)" is not shown at all.

Could you please help me overcome these issues?

Thank you and kind regards,
Alexander Mintchev

mert.sincan
Posts: 5074
Joined: 29 Jun 2013, 12:38

16 Jun 2022, 12:19

Hi,

For placeholder issue, please try;

Code: Select all

body .md-inputfield .ui-inputfield::placeholder {
    opacity: 0;
    transition: all 0.2s;
}

body .md-inputfield .ui-inputfield.ui-state-focus::placeholder {
    opacity: 1;
}
For "Heizkosten (netto)" inputText, this is related to browser's zoom. Could you please check it?

Best Regards,

alexanderdm
Posts: 19
Joined: 02 Mar 2014, 12:26

22 Jun 2022, 18:37

Dear engineers!

Thank you very much for your help!

1.) For the placeholder issue I currently worked-around the problem by just omitting the placeholder. Will try your proposal ASAP and let you know.

2.) For the For "Heizkosten (netto)" inputText, this is really related to the browser zoom, you are right. When the browser is set to 100%, the problem disappears. But is this a solution? Isn't it there a better one?

3.) I would just like to point to yet another, very unpleasant problem: When I am in an input field, in which I have previously entered one or more values and now would like to enter yet another value, I press the "TAB" button, to see all my previous entries. The list with my previous values appears, but as long as I choose one of them, the whole layout of the form is "changed" or "moved to the right". I made a small video and uploaded it to my google photo account. The problem is shown starting from the 23-rd second:

https://photos.app.goo.gl/HJ4WQyxDw9QeRmFJA

Please help!

mert.sincan
Posts: 5074
Joined: 29 Jun 2013, 12:38

29 Jun 2022, 12:41

Hi,
1.) For the placeholder issue I currently worked-around the problem by just omitting the placeholder. Will try your proposal ASAP and let you know.
- Ok, thanks a lot!
2.) For the For "Heizkosten (netto)" inputText, this is really related to the browser zoom, you are right. When the browser is set to 100%, the problem disappears. But is this a solution? Isn't it there a better one?
- Yes, Primefaces components don't support the browser's zoom operations. Most components do some JS calculations on their own.
3.) I would just like to point to yet another, very unpleasant problem: When I am in an input field, in which I have previously entered one or more values and now would like to enter yet another value, I press the "TAB" button, to see all my previous entries. The list with my previous values appears, but as long as I choose one of them, the whole layout of the form is "changed" or "moved to the right". I made a small video and uploaded it to my google photo account. The problem is shown starting from the 23-rd second:
- Thanks a lot for the video! Could you please try to add autocomplete="off" attribute to inputs?
https://developer.mozilla.org/en-US/doc ... completion

Best Regards,

Post Reply

Return to “Sapphire - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest