Prefix/suffix

Depending on the design, we want to add a wrapper around our complete field or just want to add an extra HTML element.
Mostly we can fix design related problems by using the :after or :before pseudo-elements, but in some cases we need more.

For example: we want to add a complete wrapper, add the element with an ".icon-smiley" class and add the "data-artist" attribute.

Before:

<div class="label-above something">foobar</div>
<div class="some-image">
<img typeof="foaf:Image" src="..." width="305" height="165" alt=""></div>

After:

<div class="custom-field-wrapper-class">
<span class="icon-smiley" data-artist="Bieber" ></span>
<div class="label-above">foobar</div>
<div class="some-image">
<img typeof="foaf:Image" src="..." width="305" height="165" alt=""></div>
</div>

Cross referencing my patch on previous duplicate issue "add prefix and suffix to expert field template" https://drupal.org/files/ds.field-ui.1529730-5.patch as part of the discussion.

This was committed http://cgit.drupalcode.org/ds/commit/?id=f9a2714. There doesn't seem to be any reason to leave the issue open unless I'm missing something.

Is there a reason I'm not considering that we're rendering the prefix inside the outer wrapper, and suffix outside of it? That seems problematic as the common use case of wrapping markup around the entire field output won't work as expected.

Here's a quick patch to move the prefix outside of the field's outer wrapper, like the suffix, if that's indeed desirable.

Added a patch that moved the suffix inside the outer wrapper.