Ufdjrw

If climate change impact can be observed in nature, has that had any effect on rural, i.e. farming community, perception of the scientific consensus?

What could be the right powersource for 15 seconds lifespan disposable giant chainsaw?

How do you keep chess fun when your opponent constantly beats you?

What do I do when my TA workload is more than expected?

What is the motivation for a law requiring 2 parties to consent for recording a conversation

What information about me do stores get via my credit card?

How did passengers keep warm on sail ships?

Is it safe to harvest rainwater that fell on solar panels?

Likelihood that a superbug or lethal virus could come from a landfill

Can an undergraduate be advised by a professor who is very far away?

The difference between dialogue marks

Is it okay to consider publishing in my first year of PhD?

How can I add encounters in the Lost Mine of Phandelver campaign without giving PCs too much XP?

Button changing its text & action. Good or terrible?

Pokemon Turn Based battle (Python)

The phrase "to the numbers born"?

Can you cast a spell on someone in the Ethereal Plane, if you are on the Material Plane and have the True Seeing spell active?

How to type a long/em dash `—`

How to translate "being like"?

Why couldn't they take pictures of a closer black hole?

A word that means fill it to the required quantity

How to type this arrow in math mode?

Did the UK government pay "millions and millions of dollars" to try to snag Julian Assange?

Why does the nucleus not repel itself?

IE and Edge does not respect the text-transform

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

-3

I have the following situation I can't explain but the Microsoft browser's bug...

I have a symbolic font, and use different letters to display symbols. By example, the "z" letter is to display the "decrease font size" symbol, and the "Z" for the "increase font size" one...

However the Microsoft browsers lowercases my letters, and I have the same "z" in Edge and IE, however a correct behavior in normal browsers.

The bug can be observed here (in IE or Edge).

What can I do to fix it?

PS.

I tried to reproduce this in this snipped, but actually is working as fixed...
However in the link bellow the bug is reproduced...

body 
 text-transform: uppercase;


span.symbol.a::before 
 content: " <A-xample of UPPERCASE text> ";

span.symbol.b::before 
 content: " <B-xample of UPPERCASE text> ";


.symbol::before 
 text-transform: none !important;

<div>
 this is a text div
 <span class="symbol a"></span>
 <span class="symbol b"></span>
</div>

css css3 internet-explorer-11 microsoft-edge

share|improve this question

edited Mar 8 at 12:46

Serge

asked Mar 8 at 11:13

SergeSerge

3,29734293

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Please add the relevant CSS in a code snippet and not in a image. Also IE and Edge are "normal" browsers
  
  – SuperDJ
  Mar 8 at 11:47
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  You should add the relevant code in a snippet because if the website goes offline or the code changes the question wouldn't make sense without it. Also we don't dig trough external source codes
  
  – SuperDJ
  Mar 8 at 11:52
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  We don't need a working example just the code snippet. I mean if it was working it wasn't a question. And yes they are normal browsers just bad browsers. Hopefully Edge will change when they start using chromium
  
  – SuperDJ
  Mar 8 at 12:21
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @SuperDJ, I added the snippet, but now you will say there's no problem, however there is a problem on the working site...
  
  – Serge
  Mar 8 at 12:41
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  so, you will close the question because I can't reproduce it in a snippet, if I understood well...?
  
  – Serge
  Mar 8 at 12:48
  

  
  
  
  

add a comment | 

-3

I have the following situation I can't explain but the Microsoft browser's bug...

I have a symbolic font, and use different letters to display symbols. By example, the "z" letter is to display the "decrease font size" symbol, and the "Z" for the "increase font size" one...

However the Microsoft browsers lowercases my letters, and I have the same "z" in Edge and IE, however a correct behavior in normal browsers.

The bug can be observed here (in IE or Edge).

What can I do to fix it?

PS.

I tried to reproduce this in this snipped, but actually is working as fixed...
However in the link bellow the bug is reproduced...

body 
 text-transform: uppercase;


span.symbol.a::before 
 content: " <A-xample of UPPERCASE text> ";

span.symbol.b::before 
 content: " <B-xample of UPPERCASE text> ";


.symbol::before 
 text-transform: none !important;

<div>
 this is a text div
 <span class="symbol a"></span>
 <span class="symbol b"></span>
</div>

css css3 internet-explorer-11 microsoft-edge

share|improve this question

edited Mar 8 at 12:46

Serge

asked Mar 8 at 11:13

SergeSerge

3,29734293

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Please add the relevant CSS in a code snippet and not in a image. Also IE and Edge are "normal" browsers
  
  – SuperDJ
  Mar 8 at 11:47
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  You should add the relevant code in a snippet because if the website goes offline or the code changes the question wouldn't make sense without it. Also we don't dig trough external source codes
  
  – SuperDJ
  Mar 8 at 11:52
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  We don't need a working example just the code snippet. I mean if it was working it wasn't a question. And yes they are normal browsers just bad browsers. Hopefully Edge will change when they start using chromium
  
  – SuperDJ
  Mar 8 at 12:21
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @SuperDJ, I added the snippet, but now you will say there's no problem, however there is a problem on the working site...
  
  – Serge
  Mar 8 at 12:41
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  so, you will close the question because I can't reproduce it in a snippet, if I understood well...?
  
  – Serge
  Mar 8 at 12:48
  

  
  
  
  

add a comment | 

I have the following situation I can't explain but the Microsoft browser's bug...

I have a symbolic font, and use different letters to display symbols. By example, the "z" letter is to display the "decrease font size" symbol, and the "Z" for the "increase font size" one...

However the Microsoft browsers lowercases my letters, and I have the same "z" in Edge and IE, however a correct behavior in normal browsers.

The bug can be observed here (in IE or Edge).

What can I do to fix it?

PS.

I tried to reproduce this in this snipped, but actually is working as fixed...
However in the link bellow the bug is reproduced...

body 
 text-transform: uppercase;


span.symbol.a::before 
 content: " <A-xample of UPPERCASE text> ";

span.symbol.b::before 
 content: " <B-xample of UPPERCASE text> ";


.symbol::before 
 text-transform: none !important;

<div>
 this is a text div
 <span class="symbol a"></span>
 <span class="symbol b"></span>
</div>

css css3 internet-explorer-11 microsoft-edge

share|improve this question

edited Mar 8 at 12:46

Serge

asked Mar 8 at 11:13

SergeSerge

3,29734293

body 
 text-transform: uppercase;


span.symbol.a::before 
 content: " <A-xample of UPPERCASE text> ";

span.symbol.b::before 
 content: " <B-xample of UPPERCASE text> ";


.symbol::before 
 text-transform: none !important;

<div>
 this is a text div
 <span class="symbol a"></span>
 <span class="symbol b"></span>
</div>

body 
 text-transform: uppercase;


span.symbol.a::before 
 content: " <A-xample of UPPERCASE text> ";

span.symbol.b::before 
 content: " <B-xample of UPPERCASE text> ";


.symbol::before 
 text-transform: none !important;

<div>
 this is a text div
 <span class="symbol a"></span>
 <span class="symbol b"></span>
</div>

body 
 text-transform: uppercase;


span.symbol.a::before 
 content: " <A-xample of UPPERCASE text> ";

span.symbol.b::before 
 content: " <B-xample of UPPERCASE text> ";


.symbol::before 
 text-transform: none !important;

<div>
 this is a text div
 <span class="symbol a"></span>
 <span class="symbol b"></span>
</div>

share|improve this question

edited Mar 8 at 12:46

Serge

asked Mar 8 at 11:13

SergeSerge

3,29734293

share|improve this question

edited Mar 8 at 12:46

Serge

asked Mar 8 at 11:13

SergeSerge

3,29734293

asked Mar 8 at 11:13

SergeSerge

3,29734293

asked Mar 8 at 11:13

SergeSerge

3,29734293

1 Answer
1

active

oldest

votes

0

The only (and ugly) solution I found for this issue, is to use Unicode codes instead of the letters. It means, even if the buggy Microsoft browsers lowsercases the symbols, they can't lowsercase a UPPERCASE code letter.

By eg. instead of use content: "Z" I would use content: "05A" and instead of content: "z" => content: "07A"
In that case, even the "bad" Microsoft browsers (Edge and IE) displays the correct cased char.

share|improve this answer

edited Mar 12 at 10:43

answered Mar 8 at 13:24

SergeSerge

3,29734293

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I try to test the above sample code with IE and Edge but not able to produce the issue. However, you had posted the answer for your question. I suggest you to try to mark your own answer as an accepted answer for this question. It can help other community members in future in similar kind of issues. Thanks for your understanding.
  
  – Deepak-MSFT
  Mar 11 at 2:29
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Deepak-MSFT as said in the OP, the sample does not reproduce the problem, because maybe there some things I missed when trying to reproduce the problem in a sample. I can't reproduce it in the sample. BUT the problem DOES EXIST in the link I posted. IT DOES EXIST, and it exists only on EGDE AND IE. Actually it is fixed with the unicode code as the solution I posted, but easy reproductible if you put the letter instead of the code using F12 tools. Thanks for the conprehension.
  
  – Serge
  Mar 12 at 10:38
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  the solution I posted is not a genuine fix, but a workaround, so the browsers have some bugs needed to be fixed to correspond to the normal browsers like Chrome or Firefox.
  
  – Serge
  Mar 12 at 10:40
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I posed the sample, because admins like @SuperDJ asked me to put a sample. But the sample unfortunately does not reproduce the problem.
  
  – Serge
  Mar 12 at 10:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You can try to modify your original post and try to provide a detailed step by step information to produce the issue. We will again try to produce the issue and try to check for the issue. Thanks for your understanding.
  
  – Deepak-MSFT
  Mar 13 at 6:38
  

  
  
  
  

 | 
show 3 more comments

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55062047%2fie-and-edge-does-not-respect-the-text-transform%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

The only (and ugly) solution I found for this issue, is to use Unicode codes instead of the letters. It means, even if the buggy Microsoft browsers lowsercases the symbols, they can't lowsercase a UPPERCASE code letter.

By eg. instead of use content: "Z" I would use content: "05A" and instead of content: "z" => content: "07A"
In that case, even the "bad" Microsoft browsers (Edge and IE) displays the correct cased char.

share|improve this answer

edited Mar 12 at 10:43

answered Mar 8 at 13:24

SergeSerge

3,29734293

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I try to test the above sample code with IE and Edge but not able to produce the issue. However, you had posted the answer for your question. I suggest you to try to mark your own answer as an accepted answer for this question. It can help other community members in future in similar kind of issues. Thanks for your understanding.
  
  – Deepak-MSFT
  Mar 11 at 2:29
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Deepak-MSFT as said in the OP, the sample does not reproduce the problem, because maybe there some things I missed when trying to reproduce the problem in a sample. I can't reproduce it in the sample. BUT the problem DOES EXIST in the link I posted. IT DOES EXIST, and it exists only on EGDE AND IE. Actually it is fixed with the unicode code as the solution I posted, but easy reproductible if you put the letter instead of the code using F12 tools. Thanks for the conprehension.
  
  – Serge
  Mar 12 at 10:38
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  the solution I posted is not a genuine fix, but a workaround, so the browsers have some bugs needed to be fixed to correspond to the normal browsers like Chrome or Firefox.
  
  – Serge
  Mar 12 at 10:40
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I posed the sample, because admins like @SuperDJ asked me to put a sample. But the sample unfortunately does not reproduce the problem.
  
  – Serge
  Mar 12 at 10:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You can try to modify your original post and try to provide a detailed step by step information to produce the issue. We will again try to produce the issue and try to check for the issue. Thanks for your understanding.
  
  – Deepak-MSFT
  Mar 13 at 6:38
  

  
  
  
  

 | 
show 3 more comments

0

The only (and ugly) solution I found for this issue, is to use Unicode codes instead of the letters. It means, even if the buggy Microsoft browsers lowsercases the symbols, they can't lowsercase a UPPERCASE code letter.

By eg. instead of use content: "Z" I would use content: "05A" and instead of content: "z" => content: "07A"
In that case, even the "bad" Microsoft browsers (Edge and IE) displays the correct cased char.

share|improve this answer

edited Mar 12 at 10:43

answered Mar 8 at 13:24

SergeSerge

3,29734293

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I try to test the above sample code with IE and Edge but not able to produce the issue. However, you had posted the answer for your question. I suggest you to try to mark your own answer as an accepted answer for this question. It can help other community members in future in similar kind of issues. Thanks for your understanding.
  
  – Deepak-MSFT
  Mar 11 at 2:29
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @Deepak-MSFT as said in the OP, the sample does not reproduce the problem, because maybe there some things I missed when trying to reproduce the problem in a sample. I can't reproduce it in the sample. BUT the problem DOES EXIST in the link I posted. IT DOES EXIST, and it exists only on EGDE AND IE. Actually it is fixed with the unicode code as the solution I posted, but easy reproductible if you put the letter instead of the code using F12 tools. Thanks for the conprehension.
  
  – Serge
  Mar 12 at 10:38
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  the solution I posted is not a genuine fix, but a workaround, so the browsers have some bugs needed to be fixed to correspond to the normal browsers like Chrome or Firefox.
  
  – Serge
  Mar 12 at 10:40
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I posed the sample, because admins like @SuperDJ asked me to put a sample. But the sample unfortunately does not reproduce the problem.
  
  – Serge
  Mar 12 at 10:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  You can try to modify your original post and try to provide a detailed step by step information to produce the issue. We will again try to produce the issue and try to check for the issue. Thanks for your understanding.
  
  – Deepak-MSFT
  Mar 13 at 6:38
  

  
  
  
  

 | 
show 3 more comments

The only (and ugly) solution I found for this issue, is to use Unicode codes instead of the letters. It means, even if the buggy Microsoft browsers lowsercases the symbols, they can't lowsercase a UPPERCASE code letter.

By eg. instead of use content: "Z" I would use content: "05A" and instead of content: "z" => content: "07A"
In that case, even the "bad" Microsoft browsers (Edge and IE) displays the correct cased char.

share|improve this answer

edited Mar 12 at 10:43

answered Mar 8 at 13:24

SergeSerge

3,29734293

share|improve this answer

edited Mar 12 at 10:43

answered Mar 8 at 13:24

SergeSerge

3,29734293

answered Mar 8 at 13:24

SergeSerge

3,29734293

answered Mar 8 at 13:24

SergeSerge

3,29734293