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

Issue #9848243

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”

    Changed Status from “Confirmed”

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

Sign in