bug with postion:absolute bottom value "lost" when changing text content

Issue #9848243 • Assigned to Francois R.

Details

Author
micka ..
Created
Nov 17, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
14.14393
Reports
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

I have a div “clock” with style position:absolute;bottom:10px placed inside a parent div with style position:relative;display:table-cell;vertical-align:top

when i update the text content of my “clock” with jQuery, the attribute bottom is no more used for the rendering, I have to set another value (ex: 9px) in order to have a “correct” rendering.

I have no problem with IE11, chrome or Firefox only with Edge so I don’t think that the
problem is in my code.

Attachments

1 attachment

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “Ibrahim O.”

  • Could you please provide us a repro sample that can demonstrate the issue? 

    Best regards,
    The MS Edge Team

  • Hi, I’ll try to make a sample site online as soon as I can.

  • This is very likely to be a duplicate to a known issue about table-cell and position:absolute+bottom. I’m going to go ahead and dupe this issue to our internal bug already, but please provide a test case so we can verrify this further.

    Additionnally, an you check whether one of the following conditions apply:

    • the table-cell is nested inside a float (any ancestor)?
    • the table-cell is nested inside a flex or grid (any ancestor)?
    • the table-cell’s table is itself nested inside a table (any ancestor of the parent table)?
  • Hi, I added a sample site that shows the problem, every 5s I refresh the clock, 3s after the reresh, I change the bottom value to force “correct” position.

  • Microsoft Edge Team

    Changed Assigned To from “Ibrahim O.” to “Francois R.”

    Changed Status to “Confirmed”

You need to sign in to your Microsoft account to add a comment.

Sign in