O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
content-select
rendering the dropdown menu in the content process
Tommy Kuo
e10s-select (current)
Rendered by widget
e10s-select (current)
Rendered by widget
Content
Parent IPC
Issues with e10s-select
• Performance issues (Bug 1118086, Bug 1419800)

• Styling issues (Bug 1409613)

• Mess-up event b...
content-select
Rendered as a normal content
content-select
{
-moz-top-layer: top;
position: absolute;
}
Advantages with content-select
• High performance

• Powerful support on styles

• More accurate event behavior
iframe issue
Demo HTML
<style>
option:nth-child(even) {
background: yellow;
color: red;
font-size: 2em;
text-decoration: line-through;
...
https://youtu.be/Hzxnn9sGnp4
Próximos SlideShares
Carregando em…5
×

0

Compartilhar

Baixar para ler offline

[Mozilla] content-select

Baixar para ler offline

A new architecture of <select> dropdown list with high performance.

  • Seja a primeira pessoa a gostar disto

[Mozilla] content-select

  1. 1. content-select rendering the dropdown menu in the content process Tommy Kuo
  2. 2. e10s-select (current) Rendered by widget
  3. 3. e10s-select (current) Rendered by widget Content Parent IPC
  4. 4. Issues with e10s-select • Performance issues (Bug 1118086, Bug 1419800) • Styling issues (Bug 1409613) • Mess-up event behavior (Bug 1409645) • Others (Bug 1154677)
  5. 5. content-select Rendered as a normal content
  6. 6. content-select { -moz-top-layer: top; position: absolute; }
  7. 7. Advantages with content-select • High performance • Powerful support on styles • More accurate event behavior
  8. 8. iframe issue
  9. 9. Demo HTML <style> option:nth-child(even) { background: yellow; color: red; font-size: 2em; text-decoration: line-through; text-align: right; } </style> <span>There are 3000 options in </span> <select> <option>0</option>…<option>2999</option> </select>
  10. 10. https://youtu.be/Hzxnn9sGnp4

A new architecture of <select> dropdown list with high performance.

Vistos

Vistos totais

249

No Slideshare

0

De incorporações

0

Número de incorporações

17

Ações

Baixados

0

Compartilhados

0

Comentários

0

Curtir

0

×