LOGIN
Harsha Alva
Mechanical Engineer + Software Dev
 · MangaluruIndia
Edit
Delete
Share
Report
QUESTION
  ·  Mark as Answered

Hello Robert Lancer.

  1. Markdown editor preview for comments in a thread is broken, at least for comments with YouTube and photo embeds on Firefox 49.0.1 on Windows 8.
    Screenshot below. Notice how the code block comes outside the white popup. Also , the browser scroll bar scrolls the whole page behind the popup, and not the popup content, which remains static.

Here’s the encoded HTML code. Can’t post it as is. The browser will render it. So use http://www.urldecoder.org/ to decode it.

%3Cdiv+style%3D%22width%3A+840px%3B+padding%3A+20px+30px+30px%3B%22%3E%3Cdiv+style%3D%22width%3A+100%25%3B+margin%3A+0px+auto%3B+padding%3A+0px+0.5rem%3B%22%3E%3Cdiv+style%3D%22width%3A+100%25%3B+justify-content%3A+space-between%3B+margin-bottom%3A+0.05rem%3B+display%3A+flex%3B+flex-direction%3A+row%3B+align-items%3A+center%3B%22%3E%3Cdiv+style%3D%22padding%3A+5px+0px%3B+display%3A+flex%3B+flex-direction%3A+row%3B+justify-content%3A+flex-start%3B+align-items%3A+center%3B+font-weight%3A+700%3B%22%3E%3Ca+href%3D%22%2Fprofile%2FHyt3y6XK%22%3E%3Cimg+src%3D%22https%3A%2F%2Fres.cloudinary.com%2Fcollabizm%2Fimage%2Ffacebook%2Fc_fill%2Cw_45%2Ch_45%2Cq_auto%2Cg_face%2Cdpr_1%2Cf_auto%2Fv1%2F1288071164538904%22+style%3D%22border-radius%3A+50%25%3B+width%3A+45px%3B+height%3A+45px%3B+font-weight%3A+700%3B%22%3E%3C%2Fa%3E%3Cimg+src%3D%22data%3Aimage%2Fgif%3Bbase64%2CR0lGODlhAQABAIAAAAAAAP%2F%2F%2FyH5BAEAAAAALAAAAAABAAEAAAIBRAA7%22+style%3D%22width%3A+15px%3B+height%3A+1px%3B+flex-shrink%3A+0%3B%22+width%3D%2215px%22%3E%3Ca+href%3D%22%2Fprofile%2FHyt3y6XK%22%3E%3Cdiv+style%3D%22display%3A+flex%3B+align-items%3A+center%3B+flex-direction%3A+column%3B+justify-content%3A+center%3B%22%3E%3Cdiv+style%3D%22font-family%3A+%22Lato%22%2Chelvetica%2Csans-serif%3B+color%3A+rgb%2892%2C+107%2C+192%29%3B+font-size%3A+1.05rem%3B+text-align%3A+left%3B%22%3EHarsha+Alva%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fa%3E%3C%2Fdiv%3E%3Cdiv+style%3D%22justify-content%3A+flex-end%3B+display%3A+flex%3B+flex-direction%3A+row%3B+align-items%3A+center%3B%22%3E%3Cdiv+style%3D%22margin%3A+0.12rem%3B+align-items%3A+center%3B+display%3A+flex%3B+flex-direction%3A+row%3B%22%3E%3Cdiv+style%3D%22padding%3A+0px+0.35rem%3B%22%3E%3Cdiv%3E%3Csvg+fill%3D%22%236d7499%22+height%3D%2224%22+width%3D%2224%22+viewBox%3D%220+0+502.664+502.664%22+preserveAspectRatio%3D%22none%22+style%3D%22cursor%3A+pointer%3B%22%3E%3Cg%3E%3Cpath+fill%3D%22%236d7499%22+d%3D%22M153.821%2C358.226L0%2C274.337v-46.463l153.821-83.414v54.574L46.636%2C250.523l107.185%2C53.431++++C153.821%2C303.954%2C153.821%2C358.226%2C153.821%2C358.226z%22%2F%3E%3Cpath+fill%3D%22%236d7499%22+d%3D%22M180.094%2C387.584L282.103%2C115.08h32.227L212.084%2C387.584H180.094z%22%2F%3E%3Cpath+fill%3D%22%236d7499%22+d%3D%22M348.843%2C358.226v-54.272l107.164-52.999l-107.164-52.59v-53.927l153.821%2C83.522v46.183++++L348.843%2C358.226z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cdiv+style%3D%22padding%3A+0px+0.3rem%3B%22%3E%3Cdiv%3E%3Csvg+fill%3D%22%236d7499%22+height%3D%2222%22+width%3D%2222%22+viewBox%3D%220+0+24+24%22+preserveAspectRatio%3D%22none%22+style%3D%22cursor%3A+pointer%3B%22%3E%3Cpath+d%3D%22M19%2C19H5V5H15V3H5C3.89%2C3+3%2C3.89+3%2C5V19A2%2C2+0+0%2C0+5%2C21H19A2%2C2+0+0%2C0+21%2C19V11H19M7.91%2C10.08L6.5%2C11.5L11%2C16L21%2C6L19.59%2C4.58L11%2C13.17L7.91%2C10.08Z%22%2F%3E%3C%2Fsvg%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cdiv+style%3D%22padding%3A+0px+0.35rem%3B%22%3E%3Cdiv%3E%3Csvg+fill%3D%22%236d7499%22+height%3D%2226%22+width%3D%2226%22+viewBox%3D%220+0+24+24%22+preserveAspectRatio%3D%22none%22+style%3D%22cursor%3A+pointer%3B%22%3E%3Cpath+d%3D%22M14%2C17H17L19%2C13V7H13V13H16M6%2C17H9L11%2C13V7H5V13H8L6%2C17Z%22%2F%3E%3C%2Fsvg%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cdiv+style%3D%22padding%3A+0px+0.35rem%3B%22%3E%3Cdiv%3E%3Csvg+fill%3D%22%236d7499%22+height%3D%2224%22+width%3D%2224%22+viewBox%3D%220+0+24+24%22+preserveAspectRatio%3D%22none%22+style%3D%22cursor%3A+pointer%3B%22%3E%3Cpath+d%3D%22M7%2C5H21V7H7V5M7%2C13V11H21V13H7M4%2C4.5A1.5%2C1.5+0+0%2C1+5.5%2C6A1.5%2C1.5+0+0%2C1+4%2C7.5A1.5%2C1.5+0+0%2C1+2.5%2C6A1.5%2C1.5+0+0%2C1+4%2C4.5M4%2C10.5A1.5%2C1.5+0+0%2C1+5.5%2C12A1.5%2C1.5+0+0%2C1+4%2C13.5A1.5%2C1.5+0+0%2C1+2.5%2C12A1.5%2C1.5+0+0%2C1+4%2C10.5M7%2C19V17H21V19H7M4%2C16.5A1.5%2C1.5+0+0%2C1+5.5%2C18A1.5%2C1.5+0+0%2C1+4%2C19.5A1.5%2C1.5+0+0%2C1+2.5%2C18A1.5%2C1.5+0+0%2C1+4%2C16.5Z%22%2F%3E%3C%2Fsvg%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cimg+src%3D%22data%3Aimage%2Fgif%3Bbase64%2CR0lGODlhAQABAIAAAAAAAP%2F%2F%2FyH5BAEAAAAALAAAAAABAAEAAAIBRAA7%22+style%3D%22width%3A+0.25rem%3B+height%3A+1px%3B+flex-shrink%3A+0%3B%22+width%3D%22.25rem%22%3E%3C%2Fdiv%3E%3Cimg+src%3D%22data%3Aimage%2Fgif%3Bbase64%2CR0lGODlhAQABAIAAAAAAAP%2F%2F%2FyH5BAEAAAAALAAAAAABAAEAAAIBRAA7%22+style%3D%22width%3A+0.5rem%3B+height%3A+1px%3B+flex-shrink%3A+0%3B%22+width%3D%22.5rem%22%3E%3Cdiv+class%3D%22noselect%22+style%3D%22cursor%3A+pointer%3B+border%3A+0px+solid+transparent%3B+display%3A+inline-flex%3B+justify-content%3A+center%3B+align-items%3A+center%3B+letter-spacing%3A+0.05rem%3B+font-size%3A+0.8rem%3B+font-weight%3A+700%3B+text-transform%3A+uppercase%3B+border-radius%3A+3px%3B+transition%3A+all+0.25s+ease-out+0s%3B+color%3A+rgb%2863%2C+93%2C+138%29%3B+padding%3A+0.15rem+0.25rem%3B+background-color%3A+transparent%3B%22%3ECLOSE%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cimg+src%3D%22data%3Aimage%2Fgif%3Bbase64%2CR0lGODlhAQABAIAAAAAAAP%2F%2F%2FyH5BAEAAAAALAAAAAABAAEAAAIBRAA7%22+style%3D%22width%3A+1px%3B+height%3A+0.35rem%3B+flex-shrink%3A+0%3B%22+width%3D%221%22%3E%3Cdiv+style%3D%22width%3A+100%25%3B+margin-bottom%3A+0.5rem%3B+display%3A+flex%3B+flex-direction%3A+row%3B%22%3E%3Cdiv+style%3D%22display%3A+none%3B+align-items%3A+flex-start%3B+width%3A+100%25%3B+padding%3A+5px%3B+flex-direction%3A+row%3B+justify-content%3A+center%3B%22%3E%3Ctextarea+placeholder%3D%22Write+Something%22+style%3D%22flex%3A+1+1+0%25%3B+width%3A+100%25%3B+outline%3A+0px+none+transparent%3B+border%3A+medium+none%3B+background-color%3A+transparent%3B+font-family%3A+Open+Sans%2Csans-serif%3B+font-size%3A+0.925rem%3B+height%3A+147px%3B%22%3EHi+%40%5BSteven+Reubenstone%5D%281%29.+I%27ve+made+a+working+solution.%0D%0A%0D%0A%2A%2AEDIT%3A%2A%2A+%5BYouTube+embed+fixed%5D%28https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dvsw5s5gKsR0%29%0D%0A%0D%0A%40%5Byoutube%5D%28https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dvsw5s5gKsR0%29+%0D%0A%0D%0A+%21%5BScreen+Shot+on+2016-11-29+at+12-41-13.png%5D%28czm%3A%2F%2Fzswc9u1tchvzmkupm9if%29%0D%0A%0D%0AThis+was+my+earlier+configuration.%0D%0A%0D%0A%60%60%60%0D%0AMixpanel+%3C----------%3E+Local+web+server+%3C-------------%3E+ESP-01+-------------%3E+Arduino+%2B+LCD%0D%0A%C2%A0+++++++++++++++++++++++++++++%7C+++++++++++++++%28Man+in+the+middle%29%0D%0A+++++++++++++++++++++++DB+on+mlab.com%0D%0A%60%60%60%0D%0A%0D%0AThis+is+the+present+configuration.%0D%0A%60%60%60%0D%0AMixpanel+%3C----------%3E+Local+web+server+%3C-------------%3E+ESP-01+%2B+Arduino+%2B+LCD%0D%0A++++++++++++++++++++++++++++++%7C+++++++++++++++%0D%0A+++++++++++++++++++++++DB+on+mlab.com%0D%0A%60%60%60%0D%0A%0D%0AI%27m+using+an+Arduino+Uno%2C+which+is+quite+low+on+specs+for+this+kind+of+a+project.+Even+the+current+working+config+has+some+problems.+%0D%0A%0D%0A1%29+Atmega328+has+only+one+hardware+UART.+This+warrants+a+SoftwareSerial+%28virtual+serial%29%2C+that+can+rarely+go+above+9600+baud.+This+also+prevents+the+use+of+interrupts.%0D%0A2%29+The+SRAM+of+Uno+is+only+2+kb%2C+which+is+very+less+to+decode+JSON.+%0D%0A3%29+Hence+I+made+the+local+server+to+directly+respond+with+a+delimited+string.+This+warrants+the+usage+of+C%2B%2B+strings+%28not+C+char+arrays%29%2C+for+which+memory+is+dynamically+allocated.+%0D%0A4%29+This+results+in+data+loss+after+few+iterations+of+the+loop.+Sometimes%2C+complete+data+will+be+received+by+the+Arduino+from+the+server.+Some+other+times%2C+only+an+incomplete+part+of+it.%0D%0A%0D%0ATo+overcome+these+problems%2C+we+can+use+Arduino+Mega+that+has+8+kb+of+SRAM+and+multiple+hardware+UART.%0D%0A%0D%0ASince+the+middle+node+%28local+web+server%29+that+downloads+data+from+Mixpanel+and+shares+it+with+the+clients+would+remain+the+same%2C+here+are+a+few+ways+to+extend+this+project%3A%0D%0A%0D%0A1%29+Use+Nodemcu+devkit+that+comes+with+128+kb+of+RAM+and+onboard+WiFi.%0D%0A2%29+Use+Raspberry+Pi%2C+directly+download+and+display+data+on+a+TFT+screen.+This+can+be+done+by+just+modifying+a+few+lines+of+code+in+the+middle+node%0D%0A%0D%0AWhat+are+your+thoughts%3F%0D%0A
  1. YouTube short share links do not work. Steven Reubenstone noticed it too.

Long link embed: https://www.youtube.com/watch?v=vsw5s5gKsR0

Short link embed: https://youtu.be/vsw5s5gKsR0

  1. Post an official links of smileys, emoticons, etc.

Thank you for listening. 😃

1 like 
Like
Share
Robert Lancer
Chief Technology Officer at Collaborizm
 · New YorkU.S.
Edit
Delete
Share
Report

Thanks for the report, fix coming soon!

1 like 
Robert Lancer
Chief Technology Officer at Collaborizm
 · New YorkU.S.
Edit
Delete
Share
Report

Fixed

1 like 
Leave a reply...
DISCOVER
CHAT
ALERTS
-2
DISCUSSIONS
-1
FEED