[#5456] - Browser specific> Firefox:: 'g' is not fully visible in article title
- Closed
- 25 Dec 2014
- Medium
- Build: master
- # 5456
Joomla 3.3.6
OS: Windows-7
Browser: Firefox 34.0.5
Refer screenshot
Suggest to report this BUG with Firefox, version 26 didn't have this problem!
Any Update?
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/5456.
It could be a Firefox issue, but I'm not sure about it. height: auto is being used for that styling: https://github.com/joomla/joomla-cms/blob/staging/administrator/templates/isis/css/template.css#L7835 without a fall-back, so It might fallback to the browser default style.
Although I have to admit that css inheritance isn't my best part.
I'm unsure what you mean by "fallback"... in CCS the last matched rule is applied (that's what "cascading" is about). In this case the last matched rule is exactly the one you pointed to and which has height:auto. This can be easily verified inspecting the element with FF "Developers tools".
The problem is that FF doesn't computes correctly that "auto"... Only thing we can do is to impose an explicit height (22px seems to be OK), but I'm unsure if we want to get around FF quirks. If this was one of my sites I'll probably do, but the decision here is not up to me.
Out of curiosity I tried to see how it renders with Pale Moon 25.0.1 (Pale Moon is a FF fork...) and... it is OK there, so the guys at Pale Moon have probably found a fix for that.
Sorry: Pale Moon version is 25.1.0
-A very simple question to all of you. If this is a Firefox issue, Then, why it is only coming with article title field? I have tested the same for create user & Create menu but i did not get the issue there on Firefox.
-Please refer the screenshots for the same.
Thanks & Regards,
Aasim Ali
Quality Assurance Engineer.
... why it is only coming with article title field?
Because there we have a totally different styling! 
(use FF inspector to check)
In other places where we use the same styling, we have the same issue.
Try: /index.php?option=com_categories&view=category&layout=edit&extension=com_content
Wanna a proof: just copy paste this into a .html file and display it with various browsers:
<html>
<head>
<style>
.test {
font-family:arial;
font-size:18px;
line-height:18px;
font-weight:bold;
height:auto;
}
</style>
</head>
<body>
<input type="text" size="60" class="test"></input>
</body>
</html>
Another possible solution: set line-height:auto
Okay! I got your answer. As an end user, I did my work. Now, Its all up to you either you can ask mozilla to fix this or you can ignore it.
Thanks & Regards,
Aasim Ali
@aasimali First of all, sorry but my question about Joomla version in the other issue - #5489 (comment) - was meant as a joke: latest Joomla version for general distribution is 3.3.6 (as you can also read in the screenshot you attached), so there is no 3.6.6 version (not yet, at least!)
Then, keep in mind this: when I expressed my opinions (and right now too) I was speaking just for myself. I'm not vested of any decisional power regarding Joomla! and OSM matters. I, as everyone else here, I'm just an individual volunteer contributing to the Joomla project. As far as I know, only the PLT (Production Leadership Team) is vested in powers of taking decisions about Joomla future, and that, as always, thanks to the gratuitous contribution of volunteer coders and testers.
For this reason your affirmation - As an end user, I did my work. - sounds to my ears a little bit... off-beat.
You have already contributed by submitting issues notices, but all the rest too happens thanks to the will of volunteers...
I just noticed I forgot to mention many other figures that contributes to the project: maintainers, technical writers, marketing persons, event organizers, administration staff... and there are still more that I should cite... You can get an idea by visiting the community pages of joomla.org
We could do
input.input-large-text {
font-size: 18px;
height: 22px; // instead of auto
}
I think it more line-height problem, not height, because:
font-size:18px;
line-height:18px;
Line-height change has no effect here. Only height set as > 21px does.
I can confirm: line-height has effect in my simplified HTML test file, but not here. Curious...
font-size: 17px worked for me.
@sovainfo Yes, that was my first solution too (see first comment in this issue), but it will not "solve" the issue (we still have the non-FF-working height:auto), while acting on height itself really by-pass the issue and maintain visual consistency with the past (I wouldn't talk about B/C, but... something like that)
no idea what your tried, but
input.input-large-text {
font-size: 18px;
height: auto;
line-height: 20px;
}fix the problem in my quick test 
(Firefox 34)
@fedik You're right... strange, I was pretty sure I had tested with line-height and didn't worked... 20px, anyway is not enough: I need at least 21px to see all descenders well formed.
Old radio amateur trick of the RTTY times: use "the quick brown fox jumps over the lazy dog". It contains all English letters!
@sovainfo Pale Moon is nice and can be installed in "portable mode" (no registry involved, so you can have your own personalized copy on an USB stick). Features-wise is at FF 25 level, which is no bad at all. On my main system I continue to use FF for some reasons: mainly the better developers tools and then as it is more diffused and so it is important for me to test my sites against it. I found ways around all the non-sense they introduced: if you need help with that contact me directly at smz (at) smz (dot) it
@smz it was quick test, can be any 21, 25 or even 100px
in CSS, if you have a cutted string, and have no overflow:hidden; then cause in line-height on 90%
because height cannot cut the string without defined overflow
if I right remember
another thing, that line-height must be a bit bigger than font-size in most cases
input.input-large-text {
font-size: 18px;
height: auto;
line-height: 22px;
}
would work here. NOT line-height: 20px;
Someone to create a PR?
@infograf768 OK, I will do that later today...
Hello Everyone,
Thanks for finding out the best solution for this issue. 
Happy New Year in advance :)
Best Regards,
Aasim Ali
Quality Assurance Engineer
| Status | New | ⇒ | Closed |
Set to "closed" on behalf of @zero-24 by The JTracker Application at issues.joomla.org/joomla-cms/5456
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2014-12-25 21:43:18 |
closing in favor of #5521 Thanks to all!
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/5456.
| Labels |
Added:
?
|
||
... not only 'g': all lowercase letters with descenders, like, e.g.: "qypj"
Can we reduce
input.input-large-textfont-size from 18px to 17px in template.css#7835? This seems to be enough...TBH I'd set priority to 'low'...